Combo box onChange not working in Firefox

[atulvp]

Hi all,
I have written a javascript code which changes the combo_2 options on
runtime. It is working fine on IE but not working on Firefox. Please
help me solve this problem.

My code is as follows:

function changeMe(str) {
if(str.value == "se") {
while(document. frm.combo2.leng th 0) {
document.frm.co mbo2.remove(0);
}
var y;
y = document.create Element('option '); y.text='ONE-1';
y.value="one-1";
document.frm.co mbo2.add(y, 0);

y=document.crea teElement('opti on'); y.text='one-2'
document.frm.co mbo2.add(y, 0);
}
}
<form name="frm">
<select id="combo1" onChange="chang eMe(this)">
<option value="se">Sony Erricson</option>
<option value="c2">C2</option>
</select>

<select name="combo2">
<option value="b1">B1</option>
<option value="b2">B2</option>
</select>
</form>

Kindly suggest me what am i doing wrong?

Thanks

[scripts.contact]

On Apr 24, 1:23 am, [e-mail] m wrote:

Hi all,
I have written a javascript code which changes the combo_2 options on
runtime. It is working fine on IE but not working on Firefox. Please
help me solve this problem.

My code is as follows:

....

document.frm.co mbo2.add(y, 0);
document.frm.co mbo2.add(y, 0);

....

0 is not valid for 2nd parameter in Firefox. Pass a reference to an
option element in 2nd element e.g.
document.frm.co mbo2.add(y,docu ment.frm.combo2 .options[0])

[atulvp]

On Apr 24, 2:54 pm, "scripts.contac t" <scripts.cont.. [e-mail]>
wrote:
[...]

>
0 is not valid for 2nd parameter in Firefox. Pass a reference to an
option element in 2nd element e.g.
document.frm.co mbo2.add(y,docu ment.frm.combo2 .options[0])

Thanks this works but not working on IE. Any suggetion to work on all
browsers.

Regards

[scripts.contact]

On Apr 24, 4:18 am, [e-mail] m wrote:

0 is not valid for 2nd parameter in Firefox. Pass a reference to an
option element in 2nd element e.g.
document.frm.co mbo2.add(y,docu ment.frm.combo2 .options[0])

Thanks this works but not working on IE. Any suggetion to work on all
browsers.

try:

function changeMe(str) {
if(str.value == "se") {
var Combo2=document .frm.combo2,y
while(Combo2.op tions.length)
Combo2.remove(0 );

y = document.create Element('option ');
Combo2.appendCh ild(y)
y.text='ONE-1';y.value="one-1";

y=document.crea teElement('opti on');
Combo2.appendCh ild(y);
y.text='one-2';
}
}

[atulvp]

On Apr 24, 3:47 pm, "scripts.contac t" <scripts.cont.. [e-mail]>
wrote:

On Apr 24, 4:18 am, [e-mail] m wrote:

[...]

>
y = document.create Element('option ');
Combo2.appendCh ild(y)
y.text='ONE-1';y.value="one-1";

y=document.crea teElement('opti on');
Combo2.appendCh ild(y);
y.text='one-2';
}

}

Thanks for Help

[RobG]

On Apr 24, 5:23 pm, [e-mail] m wrote:

Hi all,
I have written a javascript code which changes the combo_2 options on
runtime. It is working fine on IE but not working on Firefox. Please
help me solve this problem.

My code is as follows:

function changeMe(str) {
if(str.value == "se") {
while(document. frm.combo2.leng th 0) {
document.frm.co mbo2.remove(0);
}

To remove all the options, set the length of the options property to
zero:

document.frm.co mbo2.length = 0;

var y;
y = document.create Element('option '); y.text='ONE-1';
y.value="one-1";

You can declare and initialise y in one go. Also, using createElement
is somewhat buggy in IE, so use:

var y = new Option('ONE-1', 'one-1');

or

var y = document.create Element('option ');
y.value="one-1";
y.appendChild(d ocument.createT extNode('ONE-1'));

but the first method seems so much simpler.

document.frm.co mbo2.add(y, 0);

y=document.crea teElement('opti on'); y.text='one-2'
document.frm.co mbo2.add(y, 0);
}

}

<form name="frm">
<select id="combo1" onChange="chang eMe(this)">

Using onchange is likely not a good idea. Try it in IE and use the
cursor keys to move down the options, as would someone using the
keyboard rather than a mouse. Compare that to what happens in Firefox
doing the same thing.
--
Rob