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>