/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

0 vote152 views1 answer
Pop up notification using jquery
Javascript jQuery
13 votes162 views3 answers
Jquery switch class
Javascript jQuery
2 votes153 views1 answer
Jquery only number allowed to 10 digit
Javascript jQuery
0 vote154 views1 answer
Jquery automatically click message alert
Javascript jQuery
1 vote146 views1 answer
Jquery get all file input elements
Javascript jQuery
2 votes117 views1 answer
Activate an event on press escape button in jquery
Javascript jQuery
0 vote151 views2 answers
Fade in onscroll jquery
Javascript jQuery
0 vote167 views1 answer
Jquery repeat event on click
Javascript jQuery
1 vote157 views1 answer
Class with attribute selector jquery
Javascript jQuery
2 votes163 views1 answer
Empty the value of an input in jquery
Javascript jQuery