ページ上の複数のドロップダウンからどれがドロップダウンされていますか？

Question

私は3つのドロップダウン（コンボボックス）または選択リストをページに持っています。現在、最初のドロップダウンボックスから値を取得しています。 私は知る方法を探しています

1. どのドロップダウンの値が選択され、値を提出しましたか？
2. 他の2つのドロップダウンを無効にして、1つの値だけが選択されていますか？

Iは1と2以上を達成するためにjQueryの中の任意の提案この

var id = $("select option:selected").attr("value"); 

を使用して値を確認するためにjqueryのを使用していますか？

デモはこちらhttp://jsfiddle.net/rd2K4/1/ ありがとうございました。

Answer 1

質問が正しく理解されている場合は、次のように動作するはずです。これは、すべてのselect要素のchangeイベントを処理します。 1が変更された場合、それは他人を無効にし、selectedValue変数に選択した値を格納します。

$(function() { 
    var selects = $("select"); 
    selects.on("change", function() { 
     var $this = $(this); 
     var selectedValue = $this.val(); 
     selects.not($this).attr("disabled", "disabled"); 

     // do something with the selectedValue here ... 
    }); 
}); 

注：.on()の使用はjQueryの1.7以降が必要です

デモリンクはここで見つけることができます：http://jsfiddle.net/QnKGu/