Не срабатывает on('click') в хроме

356

17 февраля 2017, 03:48

Я понимаю вопрос избитый. Но четкого ответа не нашел. Есть вот такой простейший код:

$(document).ready(function () { 
    $("#client_1").on("click", function () { 
        alert('test'); 
    }); 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<select> 
  <option id='client_1'>Click me</option> 
</select>

В firefox и IE все работает отлично, но в хроме не срабатывает. Jquery последняя версия подключен, в консоле ни каких ошибок, файлы все подключены... Куда копасть не приложу ума.

Answer 1

Вот решение. Всем спасибо за направление. Очень рад что здесь такие отзывчивые люди. Спасибо за терпение и понимание!

$("#agent_1").on('change', function() { 
  if ($(this).find(':selected').val() === '1') { 
    alert('test'); 
  } else { 
    alert('test2'); 
  } 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<select name="agents" id="agent_1"> 
  <option value="1">Test</option> 
  <option value="2">Test2</option> 
</select>

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

jQuery ajax tabs

Здравствуйте

383

CSS

Setup webpack sass-loader to separate styles [требует правки]

In my app I have such folder structure for styles

336

CSS

Как с помощью gulp вывести селекторы в css файл

Страница выводится с помощью php, как с помощью gulp вывести селекторы в css файлДругими словами чтобы создалась заготовка css файла с уже прописанными...

287

CSS

Не подключаются стили css, настройка htaccess

htaccess имеет структуру:

449