javascript - 有没有办法从选定的 jquery select 中过滤掉搜索结果？

Question

我从所选下拉列表中隐藏了特定选项。我无法完全删除它，因为我需要 IE6 上的该选项(!)。

我遇到的问题是，当我开始在输入字段中输入内容时，隐藏选项会重新出现在所选搜索结果中。

我还尝试使用 {display_disabled_options: false} 选项，但它不起作用(可能是因为我在选择的选项已初始化后禁用该选项。

我正在尝试这样做:

    $(".chosen-select").chosen({
      display_disabled_options: false
    }).each(function () {
      $(this).on('chosen:showing_dropdown', function (event, params) {
        $('li:contains("whatever")').attr('disabled', true);
      });
    }); 

Answer 1

如果您需要在选定的初始化后更新列表，则需要使用 trigger("chosen:updated") 触发其更新。

所以使用代码:

$(function () {
    $('.chzn-select').chosen({
        display_disabled_options: false
    }).each(function () {
        $(this).on('chosen:showing_dropdown', function (event, params) {
            $('option:contains("shop")',$(this)).attr('disabled', true);
            $(this).trigger("chosen:updated");
        });
    });;
});

演示:http://jsfiddle.net/IrvinDominin/NfvBj/