jQuery：如何在选择选项时触发事件/做些事情？

Question

任何人都可以让我知道最好的方式来触发一个事件，一旦选择选项已被点击和选择？

我想在用户选择他们的选项后运行一些额外的JavaScript。

Answer 1

$('#my-select').change(function(){ 
    //do stuff here, eg. 
    if ($(this).val() == 'xyz') { //check the selected option etc. 
    //do more stuff 
    } 
}); 

Answer 2

使用$.change()事件：

$('select').change(function() { 
    // Additional JavaScript 
}); 

要获得所选择的选项的值，该函数的范围内使用$(this).val()，像这样：

$('select').change(function() { 
    alert($(this).val()); 
}); 

---

如果你使用的是jQuery 1.7+，你可以像使用其他的一样使用$.on()事件：

$('select').on('change', function() { 
    // Additional JavaScript 
});