Select current value of dropdown

Question

Hello I have this dropdown menu,how can I select the current selected value and assign it to variable and if nothing is selected assing null?

  <select name="emplStatus2" onchange="swapFieldsets(this.value, '#sa-email', '#sa-password') " class="form-control" id="emplStatus2">
 <option value="Home">Send via Home Email</option>
  <option value="Business">Send via Business Email</option>
<option value="Password">Set a password now,provide access information offline</option>
 </select>

[duplicate?](http://stackoverflow.com/questions/1085801/get-selected-value-in-dropdown-list-using-javascript) — Kevin Kloet, Nov 15 '16 at 13:43
Add id to select tag, document.getElementById("SELECTID").value — Devesh Chauhan, Nov 15 '16 at 13:45

score 0 · Answer 1 · answered Nov 15 '16 at 13:45

html

<select name="emplStatus2" onchange="swapFieldsets(this.value, '#sa-email', '#sa-password') " class="form-control" id="emplStatus2">
  <option value="Home">Send via Home Email</option>
  <option value="Business">Send via Business Email</option>
  <option value="Password">Set a password now,provide access information offline</option>
</select>

JavaScript

Getting value using javaScript

<script>
  // Method-1
  var selVal = document.getElementById("emplStatus2");
  alert(selVal.options[selVal.selectedIndex].value);

  // store value in veriable
  var val = selVal.options[selVal.selectedIndex].value;

 // Method-2
 var selVal = document.getElementById("emplStatus2").value;
</script>

score 0 · Answer 2 · answered Nov 15 '16 at 18:37

<select name="emplStatus2" onchange="swapFieldsets(this.value, '#sa-email', '#sa-password') " class="form-control" id="emplStatus2">
  <option value="Home">Send via Home Email</option>
  <option value="Business">Send via Business Email</option>
  <option value="Password">Set a password now,provide access information offline</option>
</select>

Use can use jquery or javascript script to get selected value:

Jquery :

   var selectedValues = $("#emplStatus2").val();
    console.log(selectedValues);

or if you want to select text

var selectedValue = $("#emplStatus2 option:selected").text();

Select current value of dropdown

2 Answers2