Question

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

bootstrap multiselect version：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>

bootstrap multiselect保持选择变化

1 个答案: