无法使用 Chosen 插件从多个 select 中隐藏非 selected 选项

Question

我正在为多个 select 框使用选定的插件。我试图只显示已经 selected 的值，但我无法获得所需的结果。

<select data-placeholder="Add Names" name="names[]" id="inv" multiple class="chosen-select"  >

    <?php $checked_names=array();
    foreach($names_details as $row) {
        $checked_names[] = $row->names_id;              
    } ?>

    <?php foreach($names as $row) { ?>  
        <option id="invitees_id[]"  value="<?php echo $row->id?>" <?php echo (in_array($row->id, $checked_names ) ? 'selected="selected"': set_select('names[]', $row->id)); ?> >
            <?php echo $row->firstname." ".$row->lastname;?>
        </option>
    <?php } ?>  

</select>

这是我在 JS 中尝试过的：

1)

$('.chosen-select').chosen();
$("#inv").chosen({
    display_disabled_options: true
});

2)

$("#inv").chosen({
    display_disabled_options: false
});

3)

$(".chosen-select").chosen({
    display_disabled_options: false
});

我尝试过的任何选项都没有得到结果。帮助？建议？谢谢你。

Answer 1

尝试添加 "disabled" 属性。 "Not selected" 和 "disabled" 是两个不同的东西。

<option id="invitees_id[]"  value="<?php echo $row->id?>" <?php echo (!in_array($row->id, $checked_invitees ) ? 'disabled="disabled"':set_select('names[]', $row->id)); ?> >

无法使用 Chosen 插件从多个 select 中隐藏非 selected 选项

Unable to hide the non-selected options from a multiple select using Chosen plugin

jquery

jquery-chosen