Jquery Get Selected Dropdown Value on Change Event Example
With JQuery, we can get easily select option value onchange event in jquery. if you have question like how to get select option value on change jquery than here you will have simple example of get selected value of dropdown in jquery on change event.
In this example, i will create very simple dropdown box with some websites lists. I will add "sel" class for select box. On class i will write change event and get selected dropdown value using val() function and alert it.
You can see jquery logic code here:
$(".sel").change(function(){
var selValue = $(this).val();
alert(selValue);
});
So, let's see bellow simple example so it will helpful for you.
Example:
<!DOCTYPE html>
<html>
<head>
<title>Jquery Get Selected Dropdown Value on Change Event Example - ItSolutionStuff.com</title>
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
</head>
<body>
<h3>Jquery Get Selected Dropdown Value on Change Event Example</h3>
<select name="webste" class="sel">
<option>--Select Website--</option>
<option value="it">ItSolutionStuff.com</option>
<option value="hd">HDTuto.com</option>
<option value="nice">NiceSnippets.com</option>
</select>
<script type="text/javascript">
$(".sel").change(function(){
var selValue = $(this).val();
alert(selValue);
});
</script>
</body>
</html>
I hope it can help you...

Hardik Savani
I'm a full-stack developer, entrepreneur and owner of Aatman Infotech. I live in India and I love to write tutorials and tips that can help to other artisan. I am a big fan of PHP, Laravel, Angular, Vue, Node, Javascript, JQuery, Codeigniter and Bootstrap from the early stage. I believe in Hardworking and Consistency.
We are Recommending you
- Jquery Toggle hide show div on click event example
- How to remove key value from array in JQuery?
- How to get selected radio button value in Jquery?
- Automatically Scroll to Bottom of Div JQuery Example
- Check and Uncheck All Checkbox using JQuery Example
- How to Allow Only One Checkbox Checked at a Time in JQuery?
- How to Convert Line Breaks to br in jQuery ?