jQuery обнаруживает, когда пользователь использует элемент SELECT в форме

Question

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

<select id="mySelect"> 
    <option>1</option> 
    <option>2</option> 
    <option>3</option> 
</select> 

Я хотел бы получить решение в JQuery, если возможно.

Answer 1

Вы вероятно хотите .change() обработчик, например:

$("#mySelect").change(function() { 
    var newVal = $(this).val(); 
    //do something 
}); 

.val() получает текущее значение выпадающего списка (как строка), просто использовать, чтобы делать все, что вы хотите, например, alert("The new value is: " + $(this).val()); и т.д.

Answer 2

$("#mySelect").bind("change", function(event){ ... }); 

Answer 3

$('#mySelect').change(function() { 
    alert('Handler for .change() called.'); 
}); 

Answer 4

или просто использовать

$("#mySelect").change(function(){ 
    //do something here 
}) 

Answer 5

jQuery('#mySelect').bind('change',function(e){ 

     //value of selected item 
     var _selectedValues=jQuery(this).val(); 

     //your codes here 
}); 

я предпочитаю обязывать .Кнопкой() ,. click() и т. д.: поскольку привязка более общая, чем другие.