Dette eksempel virker sådan som du ønsker.
Det tilpasser sig automatisk til antallet af dropdown's.
Testet i FF2 og IE6
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd"><HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1">
<TITLE>Mutual exclusion</TITLE>
<SCRIPT TYPE="text/javascript">
var selectors = [];
function takeThis(e){
var elm = (e)?e.target:event.srcElement;
var sel = elm.selectedIndex;
var idx;
for (idx in selectors){
if (elm != selectors[idx] && sel == selectors[idx].selectedIndex){
selectors[idx].selectedIndex = 0;
}
}
}
window.onload = function (e){
if (typeof multiForm == "undefined"){
var multiForm = document.getElementById("multiForm");
}
for (var idx = 0; idx < multiForm.elements.length; idx++) {
if (multiForm.elements[idx].tagName=="SELECT"){
multiForm.elements[idx].onblur=takeThis;
selectors.push(multiForm.elements[idx]);
}
}
}
</SCRIPT>
</HEAD>
<BODY>
Hver valgmulige kan kun bruges et sted
<form name="multiForm" id="multiForm" action=get>
<select name="dropdown1" id="dropdown1">
<option value=0> - ikke valgt - </option>
<option value=1> valg1 </option>
<option value=2> valg2 </option>
<option value=3> valg3 </option>
<option value=4> valg4 </option>
<option value=5> valg5 </option>
<option value=6> valg6 </option>
<option value=7> valg7 </option>
</select>
<select name="dropdown2" id="dropdown2">
<option value=0> - ikke valgt - </option>
<option value=1> valg1 </option>
<option value=2> valg2 </option>
<option value=3> valg3 </option>
<option value=4> valg4 </option>
<option value=5> valg5 </option>
<option value=6> valg6 </option>
<option value=7> valg7 </option>
</select>
<select name="dropdown3" id="dropdown3">
<option value=0> - ikke valgt - </option>
<option value=1> valg1 </option>
<option value=2> valg2 </option>
<option value=3> valg3 </option>
<option value=4> valg4 </option>
<option value=5> valg5 </option>
<option value=6> valg6 </option>
<option value=7> valg7 </option>
</select>
<select name="dropdown4" id="dropdown4">
<option value=0> - ikke valgt - </option>
<option value=1> valg1 </option>
<option value=2> valg2 </option>
<option value=3> valg3 </option>
<option value=4> valg4 </option>
<option value=5> valg5 </option>
<option value=6> valg6 </option>
<option value=7> valg7 </option>
</select>
<select name="dropdown5" id="dropdown5">
<option value=0> - ikke valgt - </option>
<option value=1> valg1 </option>
<option value=2> valg2 </option>
<option value=3> valg3 </option>
<option value=4> valg4 </option>
<option value=5> valg5 </option>
<option value=6> valg6 </option>
<option value=7> valg7 </option>
</select>
<select name="dropdown6" id="dropdown6">
<option value=0> - ikke valgt - </option>
<option value=1> valg1 </option>
<option value=2> valg2 </option>
<option value=3> valg3 </option>
<option value=4> valg4 </option>
<option value=5> valg5 </option>
<option value=6> valg6 </option>
<option value=7> valg7 </option>
</select>
<select name="dropdown7" id="dropdown7">
<option value=0> - ikke valgt - </option>
<option value=1> valg1 </option>
<option value=2> valg2 </option>
<option value=3> valg3 </option>
<option value=4> valg4 </option>
<option value=5> valg5 </option>
<option value=6> valg6 </option>
<option value=7> valg7 </option>
</select>
</form>
</BODY>
</HTML>
