2009-10-08 120 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

相關問題