How to select dynamically in Bootstrap-select with multiple values

Question

How can I select dynamically in Bootstrap-select with multiple values, if my values are 1,3,4, using jQuery?

Here is my 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>

David Stosik · Accepted Answer · 2019-09-23T04:28:17.657

30

Use Bootstrap-Select's val method:

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

http://jsfiddle.net/a4bxnwws/

See Bootstrap-Select's documentation.

edited Sep 23 '19 at 04:28

answered Sep 04 '15 at 03:47

David Stosik

879
9
17

score 3 · Answer 2 · answered Dec 13 '20 at 08:08

If you use selectpicker class then

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

And Your jquery code will be like below:

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

score 2 · Answer 3 · edited Apr 11 '18 at 02:28

2

You can set the value for the select element using two methods.

For the first one, you can use the method that the bootstrap-select plugin provided: selectpicker(just like the above answer);

The second one is using jquery's method - trigger. Such as:

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

edited Apr 11 '18 at 02:28

Stephen Rauch

47,830
31
106
135

answered Apr 11 '18 at 02:03

Joy

31
2

score 0 · Answer 4 · answered Aug 14 '20 at 04:47

0

This should work:

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

answered Aug 14 '20 at 04:47

Shoukat Mirza

800
9
19

score 0 · Answer 5 · answered Sep 26 '22 at 04:37

<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 $value)
        {           
          echo $value."</br>";
        }
    }
?>

score -3 · Answer 6 · answered May 25 '18 at 07:20

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

Hi, Welcome to Stack Overflow and thank you for your answer. To make it super useful to others in the future, please can you consider adding some explanation to your answer that explains why it solves the OP's question, Thanks — Spangen, May 25 '18 at 07:35

How to select dynamically in Bootstrap-select with multiple values

6 Answers6

Linked