ドロップダウンはJQueryセレクタを使用した以前のドロップダウンに基づいて表示されます

Question

私は依存ドロップダウンボックスを持つことを試みています。私はこれをJQueryセレクタで実現したいと考えています。

基本的には、国をリストするドロップダウンが1つありますが、米国のみが選択されている場合は、州を示す別のドロップダウンが表示されます。

JQueryでこのドロップダウンがこの値に設定されていれば、他のものを表示させることができます。そのような

$("select[option=United States]").change(function() { 
     $("#newdropdown").fadeIn(); 
}); 

か何かのように

...？

Answer 1

あなたがchange()ハンドラを持って、その後、内部の値をテストする必要があります

$("select").change(function() { 
    if ($(this).val() == "something") { 
     $("#newdropdown").fadeIn(); 
    } else { 
     $("#newdropdown").fadeOut(); 
    } 
}); 

例：あなたが代わりにあなたが最初のドロップダウンのchangeイベント内の特定の条件をチェックすることができることを行うことはできませんhttp://jsfiddle.net/jtbowden/BwuPc/

Answer 2

2番目のドロップダウンを表示/非表示にします。この

$("select#country").change(function() { 
     if(this.value == "United States"){ 
      $("#newdropdown").fadeIn(); 
     } 
     else{ 
      $("#newdropdown").fadeOut(); 
     } 
}); 

Answer 3

$("select").change(function(){ 
    if($(this).val() == "United States"){ 
     $("#newdropdown").fadeIn(); 
    } 
});