How do I copy one drop down selection to another ...

[Jeff]

Hi, I am trying to set the value of one drop down select box to the
value of another drop down select box. I have the following in a
function.

document.formname.boxto.options[document.formname.boxto.selectedindex].v
alue =
document.formname.boxfrom.options[document.formname.boxfrom.selectedinde
x].value;

but I need to change the above line to allow the 4 references to "boxto"
and "boxfrom" to be dynamic so their values can be passed to the
function each time. Any ideas?

 

[Martin Honnen]

Hi, I am trying to set the value of one drop down select box to the
value of another drop down select box. I have the following in a
function.

document.formname.boxto.options[document.formname.boxto.selectedindex].v
alue =
document.formname.boxfrom.options[document.formname.boxfrom.selectedinde
x].value;

but I need to change the above line to allow the 4 references to "boxto"
and "boxfrom" to be dynamic so their values can be passed to the
function each time. Any ideas?

function setSelect (name1, name2) {
var select1 = document.forms.formname.elements[name1];
var select2 = document.forms.formname.elements[name2];
select1.options[select1.selectedIndex].value =
select2.options[select2.selectedIndex].value;
}

 

[Jeff]

Hi, I am trying to set the value of one drop down select box to the
value of another drop down select box. I have the following in a
function.

document.formname.boxto.options[document.formname.boxto.selectedindex].v
alue =
document.formname.boxfrom.options[document.formname.boxfrom.selectedinde
x].value;

but I need to change the above line to allow the 4 references to "boxto"
and "boxfrom" to be dynamic so their values can be passed to the
function each time. Any ideas?

function setSelect (name1, name2) {
var select1 = document.forms.formname.elements[name1];
var select2 = document.forms.formname.elements[name2];
select1.options[select1.selectedIndex].value =
select2.options[select2.selectedIndex].value;
}

I get the following error message in IE 6:

'options' is null or not an object

 

[Martin Honnen]

function setSelect (name1, name2) {
var select1 = document.forms.formname.elements[name1];
var select2 = document.forms.formname.elements[name2];
select1.options[select1.selectedIndex].value =
select2.options[select2.selectedIndex].value;
}

I get the following error message in IE 6:

'options' is null or not an object

Post the HTML of your form or a URL to it and your function call, then
tell us for which line the error is reported. I suspect you do not pass
the right parameters to the function.

 

[Jeff]

function setSelect (name1, name2) {
var select1 = document.forms.formname.elements[name1];
var select2 = document.forms.formname.elements[name2];
select1.options[select1.selectedIndex].value =
select2.options[select2.selectedIndex].value;
}

I get the following error message in IE 6:

'options' is null or not an object

Post the HTML of your form or a URL to it and your function call, then
tell us for which line the error is reported. I suspect you do not pass
the right parameters to the function.

http://207.235.5.120/test.php

 

[Jeff]

function setSelect (name1, name2) {
var select1 = document.forms.formname.elements[name1];
var select2 = document.forms.formname.elements[name2];
select1.options[select1.selectedIndex].value =
select2.options[select2.selectedIndex].value;
}

I get the following error message in IE 6:

'options' is null or not an object

Post the HTML of your form or a URL to it and your function call, then
tell us for which line the error is reported. I suspect you do not pass
the right parameters to the function.

http://207.235.5.120/test.php

Problem solved, changed:

select1.options[select1.selectedIndex].value =
select2.options[select2.selectedIndex].value;

to:

select1.selectedIndex = select2.selectedIndex;