2009-10-08 102 views
27

选择选择表单时绑定什么事件?当选择选项时,jQuery事件

我有这样的事情:

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

当选择了选项B,我想了一些功能来运行。

那么我该怎么绑定,

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

回答

58

这个jQuery片断将让你开始:

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

好的,谢谢。 – Mark 2009-10-08 03:54:47

+2

而不是$('option:selected',this).val()你可以使用$(this).val() – 2009-10-08 04:01:12

+1

感谢您的提示!我更新了我的答案。 – dcharles 2009-10-08 04:22:42

5

你正在寻找的事件是change。有关事件的详细信息在这里jQuery的文档可用:http://docs.jquery.com/Events/change#fn

+0

作品为几乎所有输入... IE浏览器上的收音机,我认为行为不端。 – 2009-10-08 03:48:16

+1

是的IE浏览器有很多收音机和复选框的问题 - 至少所有改变...我使用这两个点击事件 – 2009-10-08 03:49:06

+0

为我工作。谢谢! – 2011-07-01 20:46:09

相关问题