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

Other Items in js
Page Views

This page has been viewed 42 times.

Search Code
Search Code by entering your search text above.
Welcome

This is my test area for webdev. I keep a collection of code snippits here, mostly for my reference. Also if i find a good site, i usually add it here.

❤👩‍💻🕹