bootstrap multiselect保持选择不变

Question

我有一个下拉框，并且我正在使用bootstrap multiselect作为复选框。你能告诉我（或者指点我一些文档）如何在页面重新加载后继续选择？用户检查选项1,3并按下搜索，页面显示搜索，但选定的选项必须保留。谢谢。

引导多选的版本：0.9.8

选择选项

<select name="people[]" id="multiselect" multiple="multiple"> 
<option value ="Val 1" > Val 1</option> 
<option value ="Val 2" > Val 2</option> 
<option value ="Val 3" > Val 3</option> 
</select> 

的Java

<script type="text/javascript"> 
     $(document).ready(function() { 
      $('#people').multiselect(
       { 
        enableFiltering: true, 
        filterBehavior: 'both', 
        maxHeight: 200, 
        buttonWidth: '400px', 
        enableCaseInsensitiveFiltering: true, 
        nSelectedText: ' - selected values' 
       } 
     ); 
     }); 
</script> 

Answer 1

我设法解决这样

我创建了一个数组，其中我把所有选项

<?php 
$optag = array(1=>'Option 1', 2=>'Option 2', 3=>'Option 3'); 
$reqag = $_REQUEST['people']; 
?> 

和选择

<select name="agent[]" id="multiselect" multiple="multiple"> 
    <?php foreach ($optag as $i=>$opt) : ?> 
    <option value="<?php echo $opt ?>"<?php if(isset($reqag) && in_array($opt, $reqag)) echo ' selected'; ?>><?php echo $opt ?></option> 
    <?php endforeach; ?> 
</select> 

的Java部分

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#people').multiselect(
      { 
       enableFiltering: true, 
       filterBehavior: 'both', 
       maxHeight: 200, 
       buttonWidth: '400px', 
       enableCaseInsensitiveFiltering: true, 
       nSelectedText: ' - selected values' 
      } 
    ); 
    }); 
</script>