下拉列表根据之前使用JQuery选择器的下拉列表显示

时间:2012-01-17 19:50:35

标签: jquery drop-down-menu

我正在尝试使用依赖的下拉框进行循环播放。我希望通过JQuery选择器实现这一目标。

基本上,我将有1个下拉列表列出国家/地区,然后,如果且仅当选择了美国时,我还会有另一个下拉列表显示状态。

我是否可以在JQuery中使用一个选择器/过滤器来基本上说这个下拉列表=这个值是否会出现另一个?

喜欢

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

或类似的东西......?

3 个答案:

答案 0 :(得分:1)

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

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

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

答案 1 :(得分:1)

您不能这样做,而是可以在第一个下拉列表的change事件中检查特定条件,然后显示/隐藏第二个下拉列表。试试这个

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

答案 2 :(得分:1)

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