Click to See Complete Forum and Search --> : Listbox


Taliv
10-12-2003, 12:33 AM
I know this must be simple but I just can't get it!

How do I check in javascript how many items have been selected in a multiple select listbox?

Thanks all!

Fang
10-12-2003, 07:40 AM
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<title>Count selected options</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<script type="text/javascript">
//<![CDATA[
<!--
function HowMany(f) {
var count=0;
for(var i=0; i<f.select1.length; i++) {
if(f.select1[i].selected) {
count++;
}
}
alert("You selected "+count+" items");
}
//-->
//]]>
</script>

</head>
<body>

<form action="#" id="myform" onsubmit="HowMany(this); return false;"><div>
<select name="select1" multiple="multiple">
<option>a</option>
<option>b</option>
<option>c</option>
<option>d</option>
<option>e</option>
<option>f</option>
</select>
<button type="submit">How many</button>
</div></form>

</body>
</html>