下拉菜單基於之前的JQuery選擇器下拉菜單出現

我試圖做一個有關依賴下拉框的四捨五入方式。我希望用JQuery選擇器來完成此任務。下拉菜單基於之前的JQuery選擇器下拉菜單出現

基本上，我將有1個下拉菜單列出國家，那麼如果並且只有在選擇了美國的情況下，我纔會有另一個下拉菜單顯示狀態。

是否有一個選擇器/過濾器我可以在JQuery中使用基本上說，如果這個下拉=這個值，讓另一個出現？

像

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

或類似的東西...？

來源

2012-01-17 RCNeil

你應該有一個change()處理程序，然後測試裏面的值：

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

例子：http://jsfiddle.net/jtbowden/BwuPc/

來源

2012-01-17 19:57:51

完美。謝謝你的小提琴創作！ – RCNeil 2012-01-17 20:02:02

哈哈，沒有什麼比客戶改變主意，不需要它...無論如何，真棒幫助。 – RCNeil 2012-01-17 21:11:42

你不能這樣做，相反，你可以檢查第一個下拉的change事件中的特定條件然後顯示/隱藏第二個下拉菜單。試試這個

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

來源

2012-01-17 19:58:49 ShankarSangoli

非常感謝您的回覆！這就說得通了。 – RCNeil 2012-01-17 20:02:44

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

來源

2012-01-17 19:59:46

真棒...感謝您的幫助！ – RCNeil 2012-01-17 20:01:48

下拉菜單基於之前的JQuery選擇器下拉菜單出現

回答

相關問題