2013-05-08 55 views
0

我有两个下拉选择。一个叫做 学科,另一个叫做MensLevels 它们都基于第一个select的值共享相同的ID ,我该如何隐藏第二个select? 这里是我的代码:jquery隐藏两下拉选择

$("select[name=Disciplines]").change(function() { 
     if ($(this).val() == 'Acro') { 
       var PID = $(this).attr('id'); 
       $('td:nth-child(6).attr("id") == "' + PID + '"').hide(); 
      } 
    }); 
+3

我没有看到一个问题。 – kapa 2013-05-08 14:31:03

+1

你可以添加你的HTML吗? – 2013-05-08 14:32:58

+0

我想我们需要比这更多的代码,你的html在哪里,以及“我想隐藏第二个选择”是什么意思? – pythonian29033 2013-05-08 14:34:09

回答

1
$("select[name=Disciplines]").change(function() { 
    if ($(this).val() == 'Acro') { 
     $('select[name=MensLevels][id="' + this.id + '"]').hide(); 
    } 
}); 
+0

这个答案应该标记为让我看起来像个傻瓜 – pythonian29033 2013-05-08 14:46:14

1

首先在选择为.change事件的所有值“家法”的必须有周围的引号,像这样:“中选择[名称=‘学科’]”,而不是这样,你有它不带引号:“中选择[名称=学科]”

这会是你在找什么?:

$("select[name='Disciplines']").change(function() { 
    if ($(this).val() == 'Acro') { 
      var PID = $(this).attr('id'); 


      $('#' + PID).each(function(index){ 
       if(index > 0 && $(this).attr("name") != "Disciplines"){ 
        $(this).hide(); 
        return true; 
       } 
      }); 
     } 
});