如何在具有多个值的Bootstrap-select中动态选择

Question

如果我的值是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>

Answer 1

使用Bootstrap-Select的val方法：

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

http://jsfiddle.net/a4bxnwws/

见Bootstrap-Select's documentation。

Answer 2

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

对于第一个，您可以使用bootstrap-select插件提供的方法：selectpicker（就像上面的答案一样）;

第二个是使用jquery的方法 - 触发器。如：

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

Answer 3

// 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>";
             }
 }
?>