Получить значение при выборе только при нажатии

Question

У меня есть выбор ввода с несколькими параметрами и код jQuery, который показывает div при выборе определенной опции. В настоящее время я использую это:

$('#id_treatment_type').val() == '1' 

Он отлично работает на хром, но не в Firefox. Когда я устанавливаю мышь на опцию (без щелчка), она меняет значение параметра.

В Chrome это работает, потому что значение изменяется только тогда, когда я нажал на эту опцию.

Проблема заключается в том, что я должен поставить это в цикле, потому что у меня есть способ много полеев, чтобы установить .Кнопку на всех

window.setInterval(function(){alerts();}, 5000); 

Я бы установить этот интервал до несколько мса, потому что мне нужно покажите div быстрее.

Мне нужно, чтобы он работал на firefox, но я не знаю, как, если у кого-то есть идея. Извините за мой английский, но я надеюсь, что вы поймете, что я пытаюсь сказать.

Спасибо

Answer 1

Вы можете использовать событие смены. Пример

$('#id_treatment_type').on('change', function(){ 
 
\t \t alert($(this).val()); 
 
\t });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select name="id_treatment_type" id="id_treatment_type"> 
 
\t <option value="1">1</option> 
 
\t <option value="2">2</option> 
 
\t <option value="3">3</option> 
 
</select>

Answer 2

Я сделал скрипку с небольшим примером:

https://jsfiddle.net/usz5pyhv/

<select id="mySelect"> 
    <option value="1">one</option> 
    <option value="2">two</option> 
</select> 
<div id="whenValOne">Value is one</div> 

$(function() { 
    $("#mySelect").change("change", function() { 
     if(this.value == 1) 
     $("#whenValOne").show(); 
     else 
     $("#whenValOne").hide();    
    }); 
});