javascript - 启用禁用 Selectric 选择框

Question

我将优雅的 Selectric JQuery plugin 应用于我的选择框，但现在我无法通过选中或取消选中复选框来启用或禁用某个选择框。我注意到，如果我删除插件，下面的代码可以正常工作。如果插件已加载，代码将不起作用。

<div class="labels-chk">
    <input type="checkbox" id="chk2" class="css-checkbox" name="Message">
    <label for="chk2" class="css-label">Show notification message&nbsp;</label>
</div>

<select id="select-warnings" disabled>
    <option value="load">as soon as page has loaded</option>
    <option value="date">on date</option>
</select>

<script type="text/javascript">
    $(document).ready(function(){

        $('select').selectric();

        $("#chk2").click(function() {
            var checked_status = this.checked;
            if (checked_status == true) {
                $("#select-warnings").removeAttr("disabled");
            } else {
                $("#select-warnings").attr("disabled", "disabled");
            }
        });
     });
</script>

Answer 1

好的，我知道了! Selectric 必须刷新。

改变:

$("#select-warnings").removeAttr("disabled");

和

$("#select-warnings").attr("disabled", "disabled");

收件人:

$("#select-warnings").removeAttr("disabled").selectric('refresh');

和

$("#select-warnings").attr("disabled", "disabled").selectric('refresh');