jQuery 事件时 select 选项

Question

选择 select 表单时要绑定的事件是什么？

我有这样的事情：

<select id='list'>
<option value='1'>Option A</option>
<option value='2'>Option B</option>
<option value='3'>Option C</option>
</select>

选择选项 B 后，我希望运行一些 function。

那我绑定什么，

$("#list").bind("?", function (){
// How do I check if it's option b that's selected here
//blah blah
});

Answer 1

这个jQuery代码段将帮助您入门：

$('#list').change(function() {
    if ($(this).val() === '2') {
        // Do something for option "b"
    }
});

Answer 2

你正在寻找的事件是change 。 有关该事件的更多信息，请参见jquery文档： http ： //docs.jquery.com/Events/change#fn

Answer 3

虽然晚了几年，但如果一个 select 已经选择了选项，这实际上也有效。

jQuery('#list').on('click', 'option', function () {
    if (jQuery(this).val() === '2') {
        // Do something for option "b"
    }
});

Answer 4

也许select()是一个更准确的解决方案：

$('#list').select(function() {
    if ($(this).val() === '2') {
        // Do something for option "b"
    }
});