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

Question

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

这是我的 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>";
             }
 }
?>

Answer 4

这应该有效：

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

Answer 5

如果您使用选择器class那么

<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);

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

How to select dynamically in Bootstrap-select with multiple values

javascript

jquery

bootstrap-select