Select dropdown javascript code example

Example 1: dropdown in html

<select>
  <option value="actual value 1">Display Text 1</option>
  <option value="actual value 2">Display Text 2</option>
  <option value="actual value 3">Display Text 3</option>
</select>

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: javascript select element in dropdown

document.getElementById("stateSelect").selected = true;

Example 4: jquery dropdown select

$("#element-id").val('the value of the option');

Example 5: dropdown list using js

var mylist = document.getElementById("myList");
document.getElementById("favorite").value = mylist.options[mylist.selectedIndex].text;