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


demo code

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

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

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

	function get_val() {
		var selected = $("#select option").filter(":selected").val();