无法使用Chosen插件隐藏多选中的未选择选项

时间:2015-03-17 07:39:34

标签: jquery jquery-chosen

我正在使用选择的插件进行多选框。 我试图只显示已经选择的值,但我无法获得所需的结果。

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

我没有从我尝试过的任何选项中获得结果。救命?建议?谢谢。

1 个答案:

答案 0 :(得分:1)

尝试添加“已禁用”属性。 “未选中”和“禁用”是两回事。

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