The jQuery library provides various options
to work with Textboxes, in this post Asp.Net jQuery loop
through Dropdown, we shall see on how to loop through all
the Dropdown controls in the page and read the selected Index of each of the
controls.
We can loop through all
the Dropdowns in a page using the following jQuery script
// Loop Through DropDown and Get Selected IDs
$('select').each(function()
{
alert($(this).attr('id') + ' => '
+ $(this).prop("selectedIndex"));
});
Example
Create a new HTML/ASPX page
Copy the below code.
Change the mapping of the jQuery file jquery-1.7.2.js to map to your local drive.
Run the application, Click on the Loop Dropdown Button to view the list of Dropdowns in the page and their selected index in message boxes.
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<head runat="server">
<title>TextBox</title>
<link type="text/css"
href="Stylesheet.css"
rel="Stylesheet" />
<script
type="text/javascript"
src="JavaScript/jquery-1.7.2.js"></script>
<script
type="text/javascript"
language="javascript">
$(document).ready(function() {
//
// Loop All DropDowns
//
$('#cmdLoop').click(function(event) {
//
Disable Postback
event.preventDefault();
// Loop
Through DropDown and Get Selected IDs
$('select').each(function() {
alert($(this).attr('id') + ' => ' +
$(this).prop("selectedIndex"));
$(this).prop("selectedIndex"));
});
});
});
</script>
</head>
<body>
<form id="fromDropDownList" runat="server">
<div>
Country:
<asp:DropDownList
ID="drpCountry"
runat="server">
ID="drpCountry"
runat="server">
<asp:ListItem
Value="USA">United States</asp:ListItem>
Value="USA">United States</asp:ListItem>
<asp:ListItem
Value="UK">United Kingdom</asp:ListItem>
Value="UK">United Kingdom</asp:ListItem>
</asp:DropDownList><br /><br />
Loop through all TextBoxes in the page:
<asp:Button
ID="cmdLoop"
runat="server"
Text="Loop DropDowns" />
ID="cmdLoop"
runat="server"
Text="Loop DropDowns" />
</div>
</form>
</body>
</html>
</html>
Run the application, click on the Loop Dropdowns button, notice that the selected index of all the Dropdowns in the page are displayed in message boxes.
Related Posts
Asp.net jQuery DropDown get Selected Index
Asp.net jQuery DropDown get Selected Value
Asp.net jQuery DropDown get Selected Text
Asp.net jQuery DropDown set Selected Index
Asp.net jQuery DropDown set Selected Value
Asp.net jQuery DropDown set Selected Text
Asp.net jQuery DropDown Change Event Handler
Asp.Net jQuery Restrict dropdown list Selection without disabling
No comments:
Post a Comment