Question

在选择“第一个下拉菜单”时，如何使用jquery在第二个下拉菜单中删除select“禁用”属性。

我尝试了一些解决方案，但没有解决我的问题。我尝试过的解决方案如下：

1）$('#xyz').prop("disabled", false);

2）$("#xyz").attr('disabled', true).trigger("liszt:updated");

分享我的代码，如下所示：

HTML

//This is 2nd Dropdown    
<select id="xyz" class="selectpicker form-control" multiple title="-- Select --" disabled>
       <option value="" disabled>-- Select --</option>
       <option value="A">A</option>                                     
       <option value="B">B</option>                                     
    </select>

JS

$("#1stdropdown").change(function() {       //This is 1st Dropdown      
    if ($("#1stdropdown").val() == "") {
        $("#btnSubmit").attr('disabled', true);
        $("#xyz").append($("<option>",{value: "",text: "-- Select --"}));
    }
    else {
        $("#btnSubmit").attr('disabled', false); 
        $("#xyz").removeAttr("disabled").prop("disabled", false);  // I am stuck here
    }
});

Answer 1

尝试一下：

$("#xyz").attr('disabled',true);

$('#xyz').selectpicker('refresh');

您应该在选择器中进行任何更新后刷新选择器。

如何使用jQuery删除类“ selectpicker”的“禁用”属性

1 个答案: