CODEWITHSUNDEEP
javascriptjquerybootstrap-select
jemz
jemz

Reputation: 5123

How to select dynamically in Bootstrap-select with multiple values

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>

Upvotes: 11

Views: 39730

Answers (6)

lawrence gumbo
lawrence gumbo

Reputation: 21

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

Upvotes: 0

RokiDGupta
RokiDGupta

Reputation: 381

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

Upvotes: 3

Shoukat Mirza
Shoukat Mirza

Reputation: 828

This should work:

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

Upvotes: 0

David Stosik
David Stosik

Reputation: 879

Use Bootstrap-Select's val method:

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

http://jsfiddle.net/a4bxnwws/

See Bootstrap-Select's documentation.

Upvotes: 30

G. Sagar
G. Sagar

Reputation: 5

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

Upvotes: -3

Joy
Joy

Reputation: 41

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

Upvotes: 2

Related Questions