2009-10-08 25 views
27

選択フォームを選択したときにバインドするイベントは何ですか?jQueryイベント選択オプション

私はこのようなものがあります:オプションBを選択した場合は

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

を、私はいくつかの機能を実行したいです。

それでは、私は結合しない、

$("#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

+2

の代わりに$( 'option:selected'、this).val()を使用すると、ちょうど$(this).val() –

+1

を使用することができます。私は自分の答えを更新しました。 – dcharles

5

あなたが探しているイベントはchangeです。そのイベントについての詳細情報はこちらjQueryのドキュメントで提供されています:http://docs.jquery.com/Events/change#fn

+0

作品を... IEは私が考えるラジオに誤動作します。 –

+1

ええIEはラジオやチェックボックスに多くの問題を抱えています - 少なくともすべての変更...私はそれらの2つのクリックイベントを使用します –

+0

私のために働いた。ありがとう! –

関連する問題