Jquery Get Selected Dropdown Value on Change Event Example

Jquery Get Selected Dropdown Value on Change Event Example

In this post we will give you information about Jquery Get Selected Dropdown Value on Change Event Example. Hear we will give you detail about Jquery Get Selected Dropdown Value on Change Event ExampleAnd how to use it also give you demo for it if it is necessary.

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" >

<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…

Hope this code and post will helped you for implement Jquery Get Selected Dropdown Value on Change Event Example. if you need any help or any feedback give it in comment section or you have good idea about this post you can give it comment section. Your comment will help us for help you more and improve us. we will give you this type of more interesting post in featured also so, For more interesting post and code Keep reading our blogs

For More Info See :: laravel And github

Leave a Comment

Your email address will not be published. Required fields are marked *

9  +  1  =  

We accept paid advance and paid guest Posting on our Site : Contact US