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]')代码>