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

Tags:

Html Example