如何使用jquery设置下拉列表的默认值onclick另一个下拉列表

Question

我有两个下拉列表。点击一个下拉列表，我想在另一个下拉列表中设置默认值，然后禁用下拉列表。

例如：两个下拉列表是Dropdownlist1和Dropdownlist2。假设我从Dropdownlist1中选择一个值，那么应选择Dropdownlist2中的默认值，然后禁用Dropdownlist2。

function checkForEnable(tes, x){
    var dropdown2= "#abc_".concat(tes).concat("_").concat(x);
    var dropdown1= "#xyz_".concat(tes).concat("_").concat(X);
    if($(dropdown1).val()=="1"){
             $(dropdown2).val('-1').attr("selected", "selected");
             $(dropdown2).attr('disabled', 'disabled');

     }
}

这是我写的代码。我从dropdown1中选择默认选项，然后我想要选择dropdown2的deafult值然后禁用。

Answer 1

假设您的id属性为Dropdownlist1和Dropdownlist2：

$('#Dropdownlist1').on('change', function() {
    // Your desired logic to examine $('#Dropdownlist1').val() and decide what value you want in the second one
    $('#Dropdownlist2').val('selectedvalue');
    $('#Dropdownlist2').prop('disabled', true);
});