How to get the multiple selected values from the drop down list in jquery
Hi,
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/ui-lightness/jquery-ui.css" />
<link rel="stylesheet" type="text/css" href="http://www.erichynds.com/examples/jquery-ui-multiselect-widget/jquery.multiselect.css" />
<link rel="stylesheet" type="text/css" href="http://www.erichynds.com/examples/jquery-ui-multiselect-widget/jquery.multiselect.filter.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>
<script type="text/javascript" src="http://www.erichynds.com/examples/jquery-ui-multiselect-widget/src/jquery.multiselect.js"></script>
<script type="text/javascript" src="http://www.erichynds.com/examples/jquery-ui-multiselect-widget/src/jquery.multiselect.filter.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#DropDownList1").multiselect();
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:DropDownList ID="DropDownList1" runat="server" Height="86px" Width="165px">
<asp:ListItem>Hi</asp:ListItem>
<asp:ListItem>Hello</asp:ListItem>
<asp:ListItem>Abc</asp:ListItem>
<asp:ListItem>def</asp:ListItem>
<asp:ListItem>ghij</asp:ListItem>
</asp:DropDownList>
<asp:Button ID="Button1" runat="server" Text="Button" onclick="Button1_Click" />
</div>
</form>
</body>
</html>
This is my aspx page.
I have called jquery script for the dropdownlist.
I can select multiple values in the dropdown.
But i dont know how to get those selected values from the dropdownlist.
I must get all the selected values.
Can anybody give me a solution to solve this?
Thanks in advance.
Thanks.