select option javascript code example

Example 1: make select option selected javascript

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

Example 2: html get selected option javascript

<select id="ddlViewBy">
  <option value="1">test1</option>
  <option value="2" selected="selected">test2</option>
  <option value="3">test3</option>
</select>

<script>
    var e = document.getElementById("ddlViewBy");
	var strUser = e.value; // 2
	var strUser = e.options[e.selectedIndex].text; //test2
</script>

Example 3: use js to get select value

// reference to 'scripts' select list 
// used throughout the examples below
var sel = document.getElementById('scripts');

// display value property of select list (from selected option)
console.log( sel.value );

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: options in html

<form id="form">
            <label for=""></label>
            <br>
            <input type="" id="">
            <br>
            <label for=""></label>
            <br>
            <input list="browsers" name="Thenicknamey" id="Thenickname">
            <datalist id="browsers">
                <option value=""></option>
                <option value=""></option>
                <option value=""></option>
            </datalist>
            <br>
            <label for=""></label>
            <br>
            <input type="" id="">
            <br>
            <input type="" id="">
        </form>