PDA

View Full Version : Select Multiple Question

Bobba Buoy
05-26-2004, 06:32 AM
Can you specify the maximum number of items selected in a <select> tag using the 'multiple' attribute?
scoutt
05-26-2004, 11:01 AM
no it is 1 or all
Willy Duitt
05-26-2004, 01:14 PM
Here's one way, however it needs some more work in order to "remember" the order you picked. As it is, it will remove the last selected option in the option array.

<html>
<head>
<title>Limit Multiple Options</title>

<script type="text/javascript">
<!--//
function countSelected(select,howMany){
var temp = [];
for(var i=1; i<select.options.length; i++){
var option = select.options[i];
if(option.selected){
temp.push(i);
}
if(temp.length > howMany){
alert('You may only choose '+howMany+' options')
temp.pop();
option.selected = false;
document.body.focus();
}
}
}
//-->
</script>

</head>
<body>
<form method="get" action="">
<select multiple size="10" name="test" onchange="countSelected(this,3)">
<option>Select a tag</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
<input type="submit" value="submit">
</form>
</body>
</html>
Bobba Buoy
05-26-2004, 01:15 PM
Thanks all!! As always, much appreciated!!!