jquery - 如何禁用基于其他选定选项的选择？

Question

我的 jQuery 函数有问题。我想基于一个选定的选项来禁用其他选择。就我而言，如果选择了 select 1 中的选项 1，我想禁用 select2。所以我使用这个 jQuery 函数:

$(document).ready(function(e) {
$('.select1').change(function(e) {
    if ($('.select1').val()==1){
        $('.select2').attr('disabled','disabled');
    }
    else{
        $('.select2').removeAttr('disabled');
    }
})
});

但这仅当我首先选择选项 2(或此选择中的任何其他选项)然后重新选择选项 1(我想这是因为使用了更改功能)时才有效。默认情况下 select1 设置为选项 1 时如何禁用 select2???

$(document).ready(function(e) {
    if ($('.select1').val()==1){
    $('.select2').attr('disabled','disabled');
}
else{
    $('.select2').removeAttr('disabled');
}
})

这也行不通:/

Answer 1

听起来您想在启动时触发“更改”事件。

$('.select1').trigger('change');

所以，

$(document).ready(function(e) {
    $('.select1').change(function(e) {
        if ($('.select1').val()==1){
            $('.select2').attr('disabled','disabled');
        }
        else{
            $('.select2').removeAttr('disabled');
        }
    });
    $('.select1').trigger('change');
});