How select multiple dropdown in jquery?

Question

Example

<select name="test" multiple="multiple">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
</select>

Select One value from dropdown is

$("select[name=test]").val("1");

But How to select multiple options using jquery?

Please help to solve my problem.

possible duplicate of stackoverflow.com/questions/2049710/… — gurvinder372
– gurvinder372, Commented Dec 15, 2015 at 5:33
Look at this answer, it works perfectly stackoverflow.com/a/21710518/12837415 — d'amico stefano
– d'amico stefano, Commented Jan 27, 2021 at 10:16

Krupesh Kotecha · Accepted Answer · 2015-12-15 05:33:55Z

7

Try this

$("select[name=test]").val([1,2,3]);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select name="test" multiple="multiple">
  <option value="1">1 This is first</option>
  <option value="2">2 This is second</option>
  <option value="3">3 This is third</option>
  <option value="4">4 This is fourth</option>
</select>

answered Dec 15, 2015 at 5:33

Krupesh Kotecha

2,4123 gold badges23 silver badges40 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

dieuvn3b · Accepted Answer · 2015-12-15 05:32:34Z

3

You can try it:

$('select option[value=' + val + ']').attr('selected', true);

answered Dec 15, 2015 at 5:32

dieuvn3b

6,1243 gold badges19 silver badges31 bronze badges

Collectives™ on Stack Overflow

How select multiple dropdown in jquery?

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related