启用禁用 Selectric 选择框

Question

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

<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');