/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

11 votes186 views2 answers
Jquery prop checked
Javascript jQuery
37 votes202 views6 answers
Jquery add disabled to button
Javascript jQuery
31 votes185 views4 answers
Remove jquery
Javascript jQuery
0 vote201 views1 answer
Jquery datatable get column values in array
Javascript jQuery
3 votes175 views1 answer
Jquery find parent closest by id child
Javascript jQuery
1 vote207 views1 answer
Number validation in jquery
Javascript jQuery
0 vote189 views1 answer
How to get multiple selected values using jquery
Javascript jQuery
0 vote180 views1 answer
Object json jquery foreach
Javascript jQuery
0 vote203 views1 answer
Toggle class jquery not working
Javascript jQuery
0 vote198 views1 answer
Row append and calculation in jquery datatable
Javascript jQuery