logo

Multiple Select ListBox JavaScript

The Multiple directive tells the listbox too allow the user multiple selections either using the Control Mouse click combination or Shift Mouse Click top and bottom.
<pre>
<form name="frmMain">
<select name="lbxMultiValues" style="width=120px" 
size=4 MULTIPLE id="lbxMultiValues">
<option value=1>A
<option value=2>B
<option value=3>C
<option value=4>D
<option value=5>E
<option value=6>F
<option value=7>G
<option value=8>H
<option value=9>I
<option value=10>J
<option value=11>K
<option value=12>L
<option value=13>M
<option value=14>N
<option value=15>O
<option value=16>P
<option value=17>Q
<option value=18>R
<option value=19>S
<option value=20>T
<option value=21>U
<option value=22>V
<option value=23>W
<option value=24>X
<option value=25>Y
<option value=26>Z
</select>
<br>
<input type=button name=cmdAction value="Press to Count" OnClick="
var i;
var iCount;

iCount=0;
//alert(frmMain.lbxMultiValues.length);
for (i=0; i< 26; i++)
{
	if (frmMain.lbxMultiValues.options[i].selected==true)
	{
	iCount+=1;
	}
}
alert('You selected '+iCount+' items');
">
</form>
<h3>ASP Code</h3>
		iCount=request("lbxMultiValues").count		
		sReportBuffer=""
		for i=1 to iCount
			iValue=request("lbxMultiValues")(i)
			if iValue<>"" and iReportId<>"-1" then
				if sReportBuffer="" then
				sReportBuffer=sReportBuffer & "in ('" & ucase(trim(iValue)) & "'"
				else
				sReportBuffer=sReportBuffer & ",'" & ucase(trim(iReportId)) & "'"
				end if
			end if
		next

s