How to make the first option selected <select> with jQuery?

Web Development
,
1

I have an HTML select option inside my form. How do I make the first option selected?

<select id="mySelectTag">
  <option value="1">Option1</option>
  <option value="2">Option2</option>
  <option value="3">Option3</option>
  <option value="4">Option4</option>
</select>
2

You can do this in many ways.

$("#mySelectTag").val($("#mySelectTag option:first").val());

or

$("#mySelectTag")[0].selectedIndex = 0;

or

$("#mySelectTag").prop("selectedIndex", 0);

or

$("#mySelectTag option:first").attr('selected','selected');

or

$("#mySelectTag option:selected").prop("selected", false);

or

$("#mySelectTag option:first").prop("selected", "selected");