PDA

Click to See Complete Forum and Search --> : Validation Code for 10 drop down lists

prince
06-08-2004, 05:25 PM
Multiple dropdown lists.
Hi All,

I have to write a javascript validation code for 10 drop down lists with options from 1,2,3... upto 10. On selecting any of the options from any of the list . It should not allow the same option to be selected in the rest of the lists. Like wise it should continoue for the rest of the options.

Example : I have following options in each of my 10 dropdown lists
<option None>-Select-</option>
<option value=1>1</option>
<option value=2>2</option>
<option value=3>3</option>
-------
------
------
<option value=10>10</option>

Now for List1 say i choose option value =1 so this shoulnot be available for rest of the list and on clicking the same number in others lists say list2 i should get an alert the number is already selected choose another one.


Please advise.

Thanks

sunny
Kor
06-09-2004, 03:20 AM
Try this


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script>
function verify(q,f){
n=10;//nr of selects
for(var i=0;i<n;i++){
if(q.name!=f.elements['s'+i].name){
if(f.elements['s'+i].selectedIndex!=0){
if(q.selectedIndex==f.elements['s'+i].selectedIndex){
alert('This number is already selected, choose another one!');
opt = new Option;
opt=0;
q.selectedIndex = opt;
break
}
}
}
}
}
</script>
</head>
<body>
<form>
<select name="s0" onchange="verify(this,this.form)">
<option value="none" selected>-Select-</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>
<select name="s1" onchange="verify(this,this.form)">
<option value="none" selected>-Select-</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>
--------
--------
--------
<select name="s9" onchange="verify(this,this.form)">
<option value="none" selected>-Select-</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>
</form>
</body>
</html>