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

时间:2015-09-04 01:58:25

标签: javascript jquery bootstrap-select

如果我的值是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>
&#13;
&#13;
&#13;

5 个答案:

答案 0 :(得分:15)

使用Bootstrap-Select val方法:

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

http://jsfiddle.net/a4bxnwws/

请参阅Bootstrap-Select's documentation

答案 1 :(得分:0)

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

对于第一个,您可以使用bootstrap-select插件提供的方法:selectpicker(就像上面的答案一样);

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

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

答案 2 :(得分:0)

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

答案 3 :(得分:0)

这应该有效:

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

答案 4 :(得分:0)

如果您使用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);