Selecting an option using jquery - select box

Question

I'm trying to update the selected option in a select box using jQuery. My html is as follows:

<select id="selectBox">
    <option value="1">Value 1</option>
    <option value="2">Value 2</option>
    <option value="3">Value 3</option>
    <option value="4">Value 4</option>
</select>

Using jQuery, how can I change the selected option from the default (first option) to the option with value 3 (third option)?

Thanks in advance

Duplicate: http://stackoverflow.com/questions/7373058/how-to-change-the-selected-option-of-html-select-element — aurbano, Apr 14 '14 at 11:33

score 2 · Accepted Answer · answered Apr 14 '14 at 11:33

2

Use .val()

$(document).ready(function() {
   $('#selectBox').val('3')
});

answered Apr 14 '14 at 11:33

Satpal

132,252
13
159
168

Selecting an option using jquery - select box

1 Answers1