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 
});