Vinit Patel

Posts Tagged ‘Listbox multiple selection (Javascript)

Hi,

If I want to select only limited(2) items from the listbox then using Jquery use the below code,

<head id=”Head1″ >
<script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js”></script&gt;

</head>
<body>
<form runat=”server”>
<asp:ListBox ID=”ListBox1″ runat=”server” SelectionMode=”Multiple”>
<asp:ListItem Text=”Item1″></asp:ListItem>
<asp:ListItem Text=”Item2″></asp:ListItem>
<asp:ListItem Text=”Item3″></asp:ListItem>
<asp:ListItem Text=”Item4″></asp:ListItem>
</asp:ListBox>
</form>
</body>
<script type=”text/javascript”>
$(‘#<%= ListBox1.ClientID %>’).change(function()
{
if ($(this).find(‘option:selected’).length > 2)
{
this.options[this.selectedIndex].selected = false;
}
;
});
</script>

</html>

Using Javascript

<html xmlns=”http://www.w3.org/1999/xhtml”&gt;
<head id=”Head1″ >

<script type=”text/javascript”>
function test()
{
var selectedCount = 0;
var listBox = document.getElementById(‘<%= ListBox1.ClientID %>’);
var i = 0;
do
{
if (listBox.options[i].selected)
{
selectedCount++;
if (selectedCount > 2)
{
listBox.options[i].selected = false;
break;
}
}
i++;

} while (i < listBox.options.length)
}
</script>

</head>
<body>
<form runat=”server”>
<asp:ListBox ID=”ListBox1″ runat=”server” onchange=”test()” SelectionMode=”Multiple”>
<asp:ListItem Text=”Item1″></asp:ListItem>
<asp:ListItem Text=”Item2″></asp:ListItem>
<asp:ListItem Text=”Item3″></asp:ListItem>
<asp:ListItem Text=”Item4″></asp:ListItem>
</asp:ListBox>
</form>
</body>
</html>


Calendar

May 2017
M T W T F S S
« Jan    
1234567
891011121314
15161718192021
22232425262728
293031  

Stats Of Blog

  • 6,792 hits

Cluster Map