get selected select 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: jqury get selected option

<select id="myselect">
    <option value="1">Mr</option>
    <option value="2">Mrs</option>
    <option value="3">Ms</option>
    <option value="4">Dr</option>
    <option value="5">Prof</option>
</select>

<script>
$( "#myselect option:selected" ).val();
</script>

Example 3: jquery get selected option value

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

Example 4: access selected option in jquery

$( "#myselect option:selected" ).text();
// => "Mr"

Tags:

Html Example