将选项应用于特定的选定 select 元素

Question

我正在尝试将这两个选项应用于特定的 chosen-select 元素： display_selected_options: false, display_disabled_options: false，不过好像不行。

这是我尝试过的：$('#chosenElement').chosen({ display_selected_options: false, display_disabled_options: false });。

然而，这确实有效，但会应用于所有选定的元素：$('.chosen-select').chosen({ display_selected_options: false, display_disabled_options: false });。

我错过了什么？

编辑：呈现 html：

    <select class="chosen-select" data-container="body" data-placement="top"
     data-toggle="tooltip" id="chosenElement" multiple="multiple" 
name="chosenElement" title=""><option value="2">FFFF</option>
        <option value="3">AAAAA</option>
        <option value="1">BBBBB</option>
        <option value="6">CCCCC</option>
        <option value="5">DDDDD</option>
        <option value="4">EEEE</option>
        </select>

Answer 1

因为您知道 select 的 ID，您可以使用以下内容：

$(".chosen-select").each(function() { // Loop through all selects with the class 'chosen-select'.
    var options = {}; // Set options to an empty object initially
    var id = $(this).attr("id");
    if(id && id == "chosenElement") { // Check if the select id is the one you want. If so, set the properties below.
        options.display_selected_options = false;
        options.display_disabled_options = false;
    }
    $(this).chosen(options); // Finally call chosen on the select, passing in options as an argument.
});

Answer 2

通过 id 设置所选元素的选项效果很好。只需确保以后不会重置选项（使用 class 选择器）。

$('#chosenElement').chosen({ display_selected_options: true, display_disabled_options: false });

这里是 demo.

将选项应用于特定的选定 select 元素

Apply options to a specific chosen select element

jquery

jquery-chosen