/Javascript/jQuery/Jquery get selected option value

Jquery get selected option value

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>

Jquery selected option text

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

Get selected option jquery

$( "#myselect option:selected" ).text();

Get text selected option jquery

$('#id option:selected').text()

Jquery get selected option value

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

Jquery get selected option value

var selectedOptionText = $('#mySelectID').find(":selected").text();//selected option text
var selectedOptionVal = $('#mySelectID').find(":selected").val();//selected option value

-1

Similar codes

-1 vote139 views1 answer
Jquery element distance from top of window
Javascript jQuery
3 votes146 views2 answers
Click select option to update div jquery
Javascript jQuery
1 vote156 views1 answer
Jquery prevent event bubbling
Javascript jQuery
0 vote125 views1 answer
How to call function in jquery
Javascript jQuery
9 votes135 views3 answers
Jquery animation
Javascript jQuery
0 vote122 views1 answer
Set data attribute with a string jquery
Javascript jQuery
1 vote138 views1 answer
Include multiple js files using jQuery $.getScript()
Javascript jQuery
1 vote174 views1 answer
Jquery add remove class clicked element
Javascript jQuery
0 vote146 views1 answer
Jquery hide select option
Javascript jQuery
6 votes128 views1 answer
Jquery loop through li element
Javascript jQuery