2011-12-14 7 views
0

私は選択されたオプションを持つ複数の選択フィールドを含む編集フォームを持っています。 jqueryで再選択(再選択)したオプションを検出する方法はありますか?私はすでに「変更」ステータスを持って選択ボックスを持って編集フォームで :jQueryの変更されたオプションを検出するjQuery

(私は選択ボックスが編集中に再変更された値を表示したい)

編集。私は、選択ボックスが再変更時に知りたい:

<select multiple='multiple' id='select1'> 
    <option selected="selected">option1</option> 
    <option>option2</option> 
    <option>option3</option> 
</select> 
<select multiple='multiple' id='select2'> 
    <option selected="selected">option3</option> 
    <option>option4</option> 
    <option>option5</option> 
</select> 

変更()またはのonchangeを()入力の準備ができて、文書上の[変更] evetが付属しているため使用できませんでした。事前

答えて

1

あなたが意味する場合は、変更の選択を検出したい、変更イベントを発生させますが失われている実際の焦点(なし)、必要に応じて、「クリック、フォーカスアウト、キー押下」などのイベントをイベント管理に追加する必要があります。あなたがコードを(新しい選択のように)修正を行っていると言うと、これらのイベントを発射したい -

$('#myselectboxid').on('change click keypress', function(){ 
    //do my thing here 
}); 

あなたも、あなたがしたい場合は、カスタムイベントを追加することができます。

あなたは、単にグループに選択をしたい場合は、クラスセレクタまたは要素のセレクターを使用していることを行うことができます。

$('.myselectboxOneClass').on('change', function(){ 
     //do my thing here 
}); 

$('select').on('change', function(){ 
     //do my thing here 
}); 

または使用複数

$('.myselectboxOneClass, #myotherSelectId, .mySelectBoxTwoClass').on('change', function(){ 
     //do my thing here 
}); 

をあなたの編集から:実施例

http://jsfiddle.net/vhy7w/

更新日:味方選択し、単に起動時に変更のトリガーを追加します:) http://jsfiddle.net/vhy7w/1/

+0

回答ありがとう、私は私の質問を編集しました。 – TheNone

+0

はあなたのマークアップでの動作例を示すためにフィドルを追加しました:) –

+0

jquery 1.5を使用するシステムで作業しています。 1.5の "delegate"に "on"を "on"に変更すると、シンタックスは少し変わってしまいます( 'change click keypress'、function(){})は1.5で動作しません - > http://jsfiddle.net/vhy7w/2/ – TheNone

1

おかげでこのようなものは、それを行うことはありません。

$('select').on('change', function() { 
    // the select's option has changed 
}); 
0

私はあなたがそのようなあなたの選択するには、class属性を追加することをお勧め:

<select class='noticeable'>...</select> 

そして、あなたは追加のjQueryコードで:

$('.noticeable').on('change',function(){ 
    //set some notification 
}); 

class属性を追加することで、その通知を行う選択を「選択」することができます。そうでない場合は、$('select')のみを選択すると、すべてのselectタグに対してnotification-Actionが実行されます。

関連する問題