Introduction:
Here I will explain how to use jQuery to get dropdownlist selected value onchange Event or jQuery dropdown change event get selected value or jQuery get dropdownlist selected value onchange event.
Description:
In previous articles I explained jQuery check if checkbox is checked or not, jQuery change opacity of image on mouseover, jQuery change image on mouseover, jQuery dropdown with images, jQuery show alert message while leaving from website, jQuery Countdown timer script example and many articles relating to jQuery and asp.net. Now I will explain how to get dropdownlist selected value during onchange event.
In previous articles I explained jQuery check if checkbox is checked or not, jQuery change opacity of image on mouseover, jQuery change image on mouseover, jQuery dropdown with images, jQuery show alert message while leaving from website, jQuery Countdown timer script example and many articles relating to jQuery and asp.net. Now I will explain how to get dropdownlist selected value during onchange event.
Get
Dropdownlist Selected Value OnChange Event
We can get dropdownlist selected value like as shown below
during onchange event
Method
1
|
Method
2
|
If
you want to check it in complete example we need to write the code like as
shown below
|
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jquery Get Selected value from dropdown change event </title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script type="text/javascript">
$(function()
{
$('#ddlName').change(function() {
alert($(this).val())
})
})
</script>
</head>
<body>
<form id="form1">
<div>
<b>Select Name:</b>
<select id="ddlName">
<option value="1">Suresh Dasari</option>
<option value="2">Rohini Dasari</option>
<option value="3">Praveen Alavala</option>
<option value="4">Madhav Sai</option>
</select>
</div>
</form>
</body>
</html>
|
Live
Demo
To
check live demo try to change dropdown selected value
|
|
If you enjoyed this post, please support the blog below. It's FREE! Get the latest Asp.net, C#.net, VB.NET, jQuery, Plugins & Code Snippets for FREE by subscribing to our Facebook, Twitter, RSS feed, or by email. |
|||
Subscribe by RSS
Subscribe by Email
|
|||
4 comments :
Very Good ............
Could you please explain how to save the dropdownlist selected value into a variable or hiddenfiled?
good
Hello i have a question how about if you want to display values associated with the selected option but not in an alert rather in a page
Note: Only a member of this blog may post a comment.