2012-01-17 143 views
0

我试图做一个有关依赖下拉框的四舍五入方式。我希望用JQuery选择器来完成此任务。下拉菜单基于之前的JQuery选择器下拉菜单出现

基本上,我将有1个下拉菜单列出国家,那么如果并且只有在选择了美国的情况下,我才会有另一个下拉菜单显示状态。

是否有一个选择器/过滤器我可以在JQuery中使用基本上说,如果这个下拉=这个值,让另一个出现?

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

或类似的东西...?

回答

1

你应该有一个change()处理程序,然后测试里面的值:

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

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

+0

完美。谢谢你的小提琴创作! – RCNeil 2012-01-17 20:02:02

+0

哈哈,没有什么比客户改变主意,不需要它...无论如何,真棒帮助。 – RCNeil 2012-01-17 21:11:42

1

你不能这样做,相反,你可以检查第一个下拉的change事件中的特定条件然后显示/隐藏第二个下拉菜单。试试这个

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

非常感谢您的回复!这就说得通了。 – RCNeil 2012-01-17 20:02:44

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

真棒...感谢您的帮助! – RCNeil 2012-01-17 20:01:48