this content was originally posted here.

get select option form value with jquery

Handy if you need to get the value of a selected item in an option list

basic code

$("#select option").filter(":selected").val();

working demo

Result...

demo code

<p>
<select id='select'>
	<option>Value 1</option>
	<option>Value 2</option>
	<option>Value 3</option>
	<option>Value 4</option>
	<option>Value 5</option>
</select>
</p>

<pre id='result'>Result...</pre>

<p><button onclick='get_val();' class='btn btn-dark'>Press here to get the Value</button></p>

<script>
	function get_val() {
		var selected = $("#select option").filter(":selected").val();
		$("#result").html(selected);
	}
</script>

Demo