js set selected option code example

Example 1: make select option selected javascript

document.getElementById('personlist').getElementsByTagName('option')[11].selected = 'selected'

Example 2: javascript select change selected

const options = Array.from(select.options);
options.forEach((option, i) => {
  if (option.value === use_id) select.selectedIndex = i;
});

Example 3: javascript set html select value

// Get the html select element
var select = document.getElementById('<your select element id>');

// If you have a <option> like this:
// <option value="1">My Value Display text</option>

//Then your selected value of your select would be:

select.value = "1";

Example 4: js select option in form

<form name="AddAndEdit">
   <select name="list" id="personlist">
      <option value="P1">Person1</option>
      <option value="P2">Person2</option>
      <option value="P3">Person3</option>
   </select>
</form>

Example 5: javascript set select option

document.getElementById("mySelectID").value="my_value";
//note: setting value in html directly does not work <select value="my_value">

Tags:

Misc Example