Menu
Hi all. Having a problem with a function. I have 2 multi select boxes side by side in a form. The idea is that a single click on an item in box A will move said item to box B. A click on an item in box B will move the item to box A.
At the moment, I can get items from the left list to the right list, but not from right to left. If someone can eyeball this function and let me know what’s wrong, I’d appreciate it. Thanks in advance!
<SCRIPT LANGUAGE=”JavaScript”>
<!– Begin
function moveOver(fromList,toList,limit)
{
var undefined;
var boxLength = toList.length;
var selectedItem = fromList.selectedIndex;
var selectedText = fromList.options[selectedItem].text;
var selectedValue = fromList.options[selectedItem].value;
var i;
var isNew = true;;
if ( ((limit != undefined) && (boxLength<limit)) || limit == undefined ) {
if (boxLength != 0) {
for (i = 0; i < boxLength; i++) {
thisitem = toList.options[i].text;
if (thisitem == selectedText) {
isNew = false;
break;
}
}
}
if (isNew) {
newoption = new Option(selectedText, selectedValue, false, false);
toList.options[boxLength] = newoption;
}
fromList.selectedIndex=-1;
} else {
alert(“This is a limit of ” + limit + ” choices for this list.”);
}
}
</SCRIPT>
<form>
All Available Users:
<select multiple name=”userID” style=”width:275;” size=”6″ onchange=”moveOver(this,this.form.list);”>
#WHOLE BUNCH OF OPTION TAGS HERE TO POPULATE THE LIST#
</select>
Users in this Group:
<select multiple name=”list” style=”width:275;” size=”6″ onchange=”moveOver(this,this.form.userID);”>
#WHOLE BUNCH OF OPTION TAGS HERE TO POPULATE THE LIST#
</select>
</form>