Copying Selectbox options to another selectbox

[shankwheat]

I have a form named 'choiceForm' and 2 select boxes named 'available'
and 'move'. I give users the ability of copying options (not moving)
from available to move with the code below. I would like to create a
button which copies all options from available to move but not sure how
to do this. Thanks for any help.

function moveOver()
{
var boxLength = document.choice Form.move.lengt h;
var selectedItem = document.choice Form.available. selectedIndex;
var selectedText =
document.choice Form.available. options[selectedItem].text;
var selectedValue =
document.choice Form.available. options[selectedItem].value;

var i;
var isNew = true;

if (boxLength != 0) {
for (i = 0; i < boxLength; i++) {
thisitem = document.choice Form.move.optio ns[i].text;
if (thisitem == selectedText) {
isNew = false;
break;
}
}
}
if (isNew) {
newoption = new Option(selected Text, selectedValue, false, false);
document.choice Form.move.optio ns[boxLength] = newoption;
}
document.choice Form.available. selectedIndex=-1;
updateList(docu ment.getElement ById('move'),
document.getEle mentById('newLi st'));
}

[shankwheat]

Please disregard this question. I worked it out. Thanks.
shankwheat wrote:

I have a form named 'choiceForm' and 2 select boxes named 'available'
and 'move'. I give users the ability of copying options (not moving)
from available to move with the code below. I would like to create a
button which copies all options from available to move but not sure how
to do this. Thanks for any help.

function moveOver()
{
var boxLength = document.choice Form.move.lengt h;
var selectedItem = document.choice Form.available. selectedIndex;
var selectedText =
document.choice Form.available. options[selectedItem].text;
var selectedValue =
document.choice Form.available. options[selectedItem].value;

var i;
var isNew = true;

if (boxLength != 0) {
for (i = 0; i < boxLength; i++) {
thisitem = document.choice Form.move.optio ns[i].text;
if (thisitem == selectedText) {
isNew = false;
break;
}
}
}
if (isNew) {
newoption = new Option(selected Text, selectedValue, false, false);
document.choice Form.move.optio ns[boxLength] = newoption;
}
document.choice Form.available. selectedIndex=-1;
updateList(docu ment.getElement ById('move'),
document.getEle mentById('newLi st'));
}

[ASM]

shankwheat a écrit :

I have a form named 'choiceForm' and 2 select boxes named 'available'
and 'move'. I give users the ability of copying options (not moving)
from available to move with the code below. I would like to create a
button which copies all options from available to move but not sure how
to do this. Thanks for any help.

<script type="text/javascript">

function selectMove()
{
var from = document.choice Form.available;
var k = from.selectedIn dex
var selectedText = from.options[k].text;
var selectedValue = from.options[k].value;

var to = document.choice Form.move;

// to do not copy same option several times
var OK = true
for(var i=0; i<to.length; i++)
if(to[i].value==selecte dValue) OK = false;

if(OK)
to[to.length] = new Option(selected Text, selectedValue);
else
alert('option already copied');
}

</script>

<form name="choiceFor m">

<select name="available " onchange="selec tMove()">
<option value="a">A
<option value="b">B
<option value="c">C
<option value="d">D
<option value="e">E
<option value="f">F
</select>

<select name="move"
onchange="var k=this.selected Index;
alert(this[k].value+' '+this[k].text);">
</select>
</form>


--
Stephane Moriaux et son moins vieux Mac déjà dépassé
Stephane Moriaux and his less old Mac already out of date