如何使用 jQuery 删除 class "selectpicker" 的 "disable" 属性

Question

如何在选择第一个下拉列表时使用 jquery 在第二个下拉列表中删除 select"disabled" 属性。

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

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 删除 class "selectpicker" 的 "disable" 属性

How to remove "disable" attribute for class "selectpicker" using jQuery

jquery

bootstrap-selectpicker