Select some values from a multiple select option based on an array

Question

I managed to select all of the options from a multiselect, however, I am trying to select Test2 and Test3 only. I have an array $arr which contains some values I want to select. for example $arr = ('Test2', 'Test3')

<select id="test" multiple="multiple">
    <option>Test</option>
    <option>Test2</option>
    <option>Test3</option>
    <option>Test4</option>
</select>

Selecting all:

$('#test option').attr('selected', 'selected');

use index to select like $('#test option:nth-child(2)').attr('selected', 'selected'); $('#test option:nth-child(3)').attr('selected', 'selected'); — guradio
– guradio, Commented Sep 21, 2017 at 1:57
var multi = $('#test').val(), two = multi[1], three = multi[2]; console.log(two); console.log(three); — StackSlave
– StackSlave, Commented Sep 21, 2017 at 2:01

Alex Kudryashev · Accepted Answer · 2017-09-21 02:13:34Z

1

Try something like this.

var selOptions = ['Test2', 'Test3'];
$('#test option').each(function() {
//this is the option. If attribute value isn't set explicitly then test is the value
  if (selOptions.indexOf(this.value) > -1)
    this.selected = 1;
});
console.log($('#test option:selected'));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="test" multiple="multiple">
    <option>Test</option>
    <option>Test2</option>
    <option>Test3</option>
    <option>Test4</option>
</select>

answered Sep 21, 2017 at 2:13

Alex Kudryashev

9,5103 gold badges31 silver badges39 bronze badges

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

Comments

iPzard · Accepted Answer · 2017-09-21 02:04:56Z

0

Have you tried the using ":contains" to target the text itself?

$('#test option:contains("Test2"), #test option:contains("Test3")').attr('selected', 'selected');

Edit:

If you literally want the 2nd and 3rd option regardless of the text, you can use a child selector like so..

$('#test option:nth-child(2), #test option:nth-child(3)').attr('selected', 'selected');

edited Sep 21, 2017 at 2:04

answered Sep 21, 2017 at 2:01

iPzard

2,4763 gold badges18 silver badges24 bronze badges

4 Comments

SMH Over a year ago

I just dont want to hard code the values, as my values are in an array

iPzard Over a year ago

I see.. I added a simple child selector option ;)

SMH Over a year ago

Thanks, but I dont know the index of the values

iPzard Over a year ago

Then you need to rephrase your question. As well as add more information. As it stands, I don't even know what you're asking for.

Collectives™ on Stack Overflow

Select some values from a multiple select option based on an array

2 Answers 2

Comments

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related