Javascript 选择“值”以显示另一个隐藏的下拉框

Javascript 选择“值”以显示另一个隐藏的下拉框,javascript,jquery,Javascript,Jquery,我为我正在处理的一个项目获得了此代码,但它不起作用: $(document).on('change', 'select[name="Discount"]', function() { var $select = $(this); var $partnerBlock = $select.closest('.col-md-2').siblings('.partner'); if ($select.val() === 'Yes') { $partnerBlock

我为我正在处理的一个项目获得了此代码,但它不起作用:

$(document).on('change', 'select[name="Discount"]', function() {
    var $select = $(this);
    var $partnerBlock = $select.closest('.col-md-2').siblings('.partner');
    if ($select.val() === 'Yes') {
        $partnerBlock.addClass('show');
    }  else {
       $partnerBlock.removeClass('show');
    }
});

我想要的是在默认情况下隐藏Partner下拉列表,对所有人隐藏它,并且仅当用户将折扣设置为“是”时才显示它。

在默认情况下隐藏它,然后在
更改
事件上使用事件侦听器进行下拉列表


您应该为元素使用ID,这样更易于操作。

好的,问题出在哪里?检查此选择器返回的内容:最近('.col-md-2')。同级('.partner');顺便说一句,使用find('.partner'),而不是。。。我在html中看不到类伙伴(可能我错了)…并且最近的()将查找最近的父级,因此,它不会返回所需的元素…您可能希望使用next('.col-md-2')。find('your select element')。如果这没有帮助,请在代码段中发布代码…使用var
$partnerBlock=$('select[name=Partner]')