get the selected 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: jquery selected option text

$("#mySelect option:selected").html();

Example 3: jquery get selected option value

$("select.your-select").change(function(){ 
	$(this).children("option:selected").val();
});

Example 4: jquery: get selected option of the drop down list

$('#ddlID').val();
$('#ddlID').text();

Example 5: 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