how to check select option value in jquery code example
Example 1: jquery get selected option value
var selectedOptionText = $('#mySelectID').find(":selected").text();//selected option text
var selectedOptionVal = $('#mySelectID').find(":selected").val();//selected option value
Example 2: select option value jquery
$("select.country").change(function(){
var selectedCountry = $(this).children("option:selected").val();
alert("You have selected the country - " + selectedCountry);
});
Example 3: jquery check if select option is selected
$(document).ready(function(){
$(".yes").hide();
$(".no").hide();
$("#existing-subscriber").change(function(){
if ( $(this).val() == "Yes" ) {
$(".yes").show();
$(".no").hide();
}
if( $(this).val() == "No" ) {
$(".no").show();
$(".yes").hide();
}
});
});
Example 4: select box get 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 );