Question

For a dropdown list (<select>), at some point I need to find the option with a given value and assign the selected attribute to it.

e.g.:

<select id="font-size">
    <option value="12">12px</option>
    <option value="13">13px</option>
    <option value="14">14px</option>
</select>

In the example above, how would I add the “selected=’selected'” attribute to the option with the value 14?

Answer 1

This would do it:

$('#font-size').val(14);

NB: this sets the selected property on the required <option> element – the attribute represents the initital value of the dropdown when the page is first loaded.