Move option from 1 list box to another. - 27 Seconds Knowledge base

Many times you need to have 2 select boxes and move options from one list to the other. The code below will do just that.

function moveOption(pobjSourceList, pobjTargetList)
{
	var intSourceIndex;
	var intTargetIndex;
		
	if (pobjSourceList.length > 0) {
		if (pobjSourceList.selectedIndex != -1) {
			intSourceIndex = pobjSourceList.selectedIndex;
			intTargetIndex = pobjTargetList.length;
				
			pobjTargetList.length++
			pobjTargetList[intTargetIndex].value = pobjSourceList[intSourceIndex].value;
			pobjTargetList[intTargetIndex].text = pobjSourceList[intSourceIndex].text;
				
			if (intSourceIndex == pobjSourceList.length - 1) {
				pobjSourceList.length--
			} else {
				for (var intCount = intSourceIndex; intCount < pobjSourceList.length - 1; intCount++) {
					pobjSourceList[intCount].value = pobjSourceList[intCount + 1].value;
					pobjSourceList[intCount].text = pobjSourceList[intCount + 1].text;
				}
				pobjSourceList.length--
			}
				
			if (pobjSourceList.length > 0) {
				pobjSourceList.selectedIndex = 0;
			}
				
			pobjTargetList.selectedIndex = pobjTargetList.length - 1;
		} else {
			alert("You must select an item to move.");
		}
	} else {
		alert("There are no items to move.");
	}
}

<script language="JavaScript">
<!--
	// put function here
// -->
</script>

<form action="#" method="post">
<select name="listA" size="4">
<option value="Apples">Apples</option>
<option value="Oranges">Oranges</option>
<option value="Pears">Pears</option>
</select>

<input type="button" value="Move &gt;" onClick="moveOption(this.form.listA, this.form.listB);">
<input type="button" value="&lt; Move" onClick="moveOption(this.form.listB, this.form.listA);">

<select name="listB" size="4"></select>
</form>