Question

I’ve read the following post:

How to change options of <select> with jQuery?

However, my document has multiple <select>s. How can I choose to change only one of them?

Answer 1

first you can assign an id to the select tags i.e

<select id="sel1">
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
</select>

<select id="another-select">
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
</select>

Then you change the particular SELECT tag that you need:

$('#sel1').html('<option value="1">New Option 1</option><option value="2">New Option 2</option><option value="3">New Option 3</option>');