Выберите текущее значение выпадающего списка

Question

Здравствуйте, у меня есть это выпадающее меню, как я могу выбрать текущее выбранное значение и назначить его переменной, и если ничего не выбрано, то значение 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> 

Answer 1

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

Получение значения с использованием 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> 

Answer 2

<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> 

Использование можно использовать JQuery или сценарий яваскрипта, чтобы получить выбранное значение:

Jquery: [? Дублировать]

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

или если вы хотите выбрать текст

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