Question

我有两个下拉选择。一个被称为学科，另一个叫做MensLevels 它们都共享相同的ID 根据第一个选择的值，如何隐藏第二个选择？这是我的代码：

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

Answer 1

首先，.change事件选择器中的“Disciplines”值必须包含引号，如下所示：“select [name ='Disciplines']”而不是没有它的方式引号：“select [name = Disciplines]”

这可能是你想要的吗？：

$("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;
                }
            });
        }
});

Answer 2

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

Jquery Hide有两个下拉选项

2 个答案: