/Javascript/jQuery/Jquery get value of selected option

Jquery get value of selected option

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>

Select option value jquery

$("select.country").change(function(){
  var selectedCountry = $(this).children("option:selected").val();
  alert("You have selected the country - " + selectedCountry);
});

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 value of selected option

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

Similar codes

2 votes143 views1 answer
Class loop jquery
Javascript jQuery
1 vote165 views1 answer
If array is empty jquery
Javascript jQuery
0 vote158 views1 answer
Jquery with npm in laravel
Javascript jQuery
0 vote144 views1 answer
Jquery if element appears
Javascript jQuery
2 votes144 views1 answer
Jquery visibility hidden show
Javascript jQuery
0 vote148 views1 answer
Convert jquery hide function to pure javascript code
Javascript jQuery
0 vote163 views1 answer
Append string in variable using jquery in each loop
Javascript jQuery
5 votes154 views4 answers
Hide bootstrap modal jquery
Javascript jQuery
0 vote191 views1 answer
Jquery remove all options but first
Javascript jQuery
0 vote171 views1 answer
Jquery to another page
Javascript jQuery