CODEWITHSUNDEEP
jqueryhtml-selectselectorattr
Charles Marsh
Charles Marsh

Reputation: 465

Set selected using jQuery

I'm trying to change the selected option within this list.. Its only working for some and not others?

selectedVal will either be Kelly Green, Navy etc...

 var selectedVal = $(this).text();

 $("#product-variants-option-0 option[text=" + selectedVal+"]").attr("selected","selected") ;

This is the select list:

<select class="single-option-selector" id="product-variants-option-0">
<option value="Gunmetal Heather">Gunmetal Heather</option>
<option value="Kelly Green">Kelly Green</option>
<option value="Navy">Navy</option>
</select>

Upvotes: 1

Views: 6633

Answers (2)

user113716
user113716

Reputation: 322592

There's a much simpler way to set the selected option of a <select> element.

Just call jQuery's .val() method against the <select> itself:

$("#product-variants-option-0").val( selectedVal );

Upvotes: 4

Chandu
Chandu

Reputation: 82943

Use value attribute instead of text in your selector. i.e:

$("#product-variants-option-0 option[value=" + selectedVal+"]").attr("selected","selected") ;

Upvotes: 5

Related Questions