如何在 Bootstrap-select 中动态选择多个值答案

【问题标题】：How to select dynamically in Bootstrap-select with multiple values如何在 Bootstrap-select 中动态选择多个值
【发布时间】：2015-11-30 01:47:53
【问题描述】：

如果我的值为 1、3、4，如何使用 jQuery 在 Bootstrap-select 中动态选择多个值？

这是我的选择：

 <select  id="myselect" name="myselect[]" multiple>
        <option value=""></option>
        <option value="1">red</option>
        <option value="2">orange</option>
        <option value="3">green</option>
        <option value="4">blue</option>
</select>

【问题讨论】：

标签： javascript jquery bootstrap-select

【解决方案1】：

如果你使用 selectpicker 类，那么

<select class="selectpicker" id="myselect" name="myselect[]" multiple>
    <option value=""></option>
    <option value="1">red</option>
    <option value="2">orange</option>
    <option value="3">green</option>
    <option value="4">blue</option>
</select>

您的 jquery 代码将如下所示：

var select_items = ["1","3","4"];
$('#myselect').selectpicker('val', select_items);

【讨论】：

【解决方案2】：

这应该可行：

$('#MySelectionBox').val(123).change();

【讨论】：

【解决方案3】：

使用 Bootstrap-Select 的 val 方法：

$('#myselect').selectpicker('val', [1,3,4]);

http://jsfiddle.net/a4bxnwws/

见Bootstrap-Select's documentation。

【讨论】：

【解决方案4】：

// Check this code in detail

<form action="yourpage.php" method="post">
<select  id="myselect" name="myselect[]" multiple>
        <option value=""></option>
        <option value="1">red</option>
        <option value="2">orange</option>
        <option value="3">green</option>
        <option value="4">blue</option>
</select>
<input type="submit" name="Submit" value="Submit">
</from>

PHP code starts to catch multiple selected values:
<?php
if(isset($_POST['Submit']))
{
            $MyValues = $_POST['myselect'];         
            foreach($MyValues As $key => $value)
            {           
                $SID = mysqli_real_escape_string($dbCon,$value);
                echo $SID ."</br>";
             }
 }
?>

【讨论】：

您好，欢迎来到 Stack Overflow，感谢您的回答。为了使其将来对其他人超级有用，请您考虑在您的答案中添加一些解释，以解释为什么它可以解决 OP 的问题，谢谢

【解决方案5】：

您可以使用两种方法设置选择元素的值。

第一种，可以使用bootstrap-select插件提供的方法：selectpicker(就像上面的答案);

第二种是使用jquery的方法——触发器。如：

$('#myselect').val([1,3,4]).trigger('change');

【讨论】：