jquery - Unable to hide the non-selected options from a multiple select using Chosen plugin -
i using chosen plug in multiple select box. trying display selected values not able required result.
<select data-placeholder="add names" name="names[]" id="inv" multiple class="chosen-select" > <?php $checked_names=array(); foreach($names_details $row) { $checked_names[] = $row->names_id; } ?> <?php foreach($names $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>
this i've tried in 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 });
i didn't result of options i've tried. help? suggestions? thank you.
try adding "disabled" attribute. "not selected" , "disabled" 2 different things.
<option id="invitees_id[]" value="<?php echo $row->id?>" <?php echo (!in_array($row->id, $checked_invitees ) ? 'disabled="disabled"':set_select('names[]', $row->id)); ?> >
Comments
Post a Comment