如何选择从引导多选 js 中的 db 值中选择的框值？答案

【问题标题】：How to Select box value selected from db values in boostrap multiselect js?如何选择从引导多选 js 中的 db 值中选择的框值？
【发布时间】：2016-07-06 09:30:36
【问题描述】：

如何在 Multiselect boostrap 下拉列表中选择下拉列表中选择的 Db 值？

例如php编码，

$array = array("apple", "orange", "lemon");
<select>
<option value=""></option>
<?php
foreach ($array as $data) {
    ?>
    <option value="<?php echo $data ?>" <?php if ($data == "orange") echo "selected"; ?>><?php echo $data ?></option>
<?php } ?>

在 php db 中使用 Selected 选择值，在 Boostrap Multiselect js 中如何？

<button type="button" class="multiselect dropdown-toggle btn btn-default" data-toggle="dropdown" title="None selected">
None selected 
<b class="caret">
</b>

<ul class="multiselect-container dropdown-menu">
<li class="multiselect-item multiselect-all">
  <a href="javascript:void(0);" class="multiselect-all">
    <label class="checkbox">
      <input type="checkbox" name="multiselect" value="multiselect-all">
      Select all
    </label>
  </a>
</li>
<li>
  <a href="javascript:void(0);">
    <label class="checkbox">
      <input type="checkbox" name="multiselect" value="cheese">
      Cheese
    </label>
  </a>
</li>

如何在上面的boostrap多选js中设置值？喜欢 php 中的选定选项吗？例如：如果 db 值来奶酪意味着 Multiselect Dropdown 中的选定值？

【问题讨论】：

如果没有相应的 JavaScript/jQuery 代码，很难判断你在做什么......

标签： bootstrap-multiselect

【解决方案1】：

您可以通过使用插件的select 函数来做到这一点

$(document).ready(function() {
  $('#example-getting-started').multiselect();

  $('#example-getting-started').multiselect('select', ['cheese', 'pepperoni']);
});

jsbin

【讨论】：

【解决方案2】：

根据我对您的问题的理解：您正在使用 PHP 生成带有其选项的选择，然后您从数据库中检索该选项及其选择/未选择状态。您的代码 sn-p 应该没问题，Bootstrap Multiselect 会自动保留选定的选项（在多模式和单模式下）。请注意，在单选模式下（即通过单选按钮进行单选），last 选择的选项在 Bootstrap Multiselect 中被预选，而在多选模式下，所有选择的选项都将被预选。

<?php $array = array("apple", "orange", "lemon"); ?>
<select> <!-- Note that the multiple attribute needs to be present to allow multiple selection. -->
<!-- Removed the empty option, not sure what it was for ... -->
<?php foreach ($array as $data): ?>
    <option value="<?php echo $data ?>" <?php if ($data == "orange") echo "selected=\"selected\""; ?>><?php echo $data ?></option>
<?php endforeach; ?>
<!-- Do not forget closing tag. -->
</select>

<script type="javascript/text">
$(document).ready(function() {
     // Will preselect "orange" in single selection mode ...
     $('select').multiselect({
         includeSelectAllOption: true
     });
});
</script>

页面加载后，可以按照 lcycool 的描述操作多选。

【讨论】：