Selected option in JavaScript

Printable View

Nov 27th, 2001, 03:31 AM
hpl

Selected option in JavaScript

How do I make an option selected using JavaScript function?

Code:

document.navform.serie.options.length = 4; document.navform.serie.options[0].text = "Serie1"; document.navform.serie.options[0].value = "s1"; document.navform.serie.options[1].text = "Serie2"; document.navform.serie.options[1].value = "s2"; document.navform.serie.options[2].text = "Serie3"; document.navform.serie.options[2].value = "s3"; document.navform.serie.options[3].text = "Serie4"; document.navform.serie.options[3].value = "s4";

I want Serie1 to be selected
Nov 27th, 2001, 04:20 AM
Blade

you mean like:

Code:

document.navform.serie.options[0].checked = true;

Blade
Nov 27th, 2001, 04:36 AM
hpl

No it is not a checkbox, so the code must be changed to

Code:

document.navform.serie.options[0].selected = true;

Thanks anyway
Nov 27th, 2001, 05:06 AM
Blade

ummm, no.

it is checked not selected.

Test out the following HTML:

Code:

<HTML> <HEAD> </HEAD> <BODY> <FORM Name="Test"> <INPUT TYPE="RADIO" NAME="Radio1" VALUE=R1>OPtion 1 <INPUT TYPE="RADIO" NAME="Radio1" VALUE=R2>OPtion 2 <INPUT TYPE="RADIO" NAME="Radio1" VALUE=R3>OPtion 3 </FORM> <SCRIPT LANGUAGE=JAVASCRIPT> document.Test.Radio1[0].checked= true; </SCRIPT> </BODY> </HTML>

If you replace checked with selected, then it doesn't work.

Blade
Nov 27th, 2001, 05:08 AM
Blade

the other way, of course it do:

Code:

<HTML> <HEAD> </HEAD> <BODY> <FORM Name="Test"> <INPUT TYPE="RADIO" NAME="Radio1" VALUE=R1 CHECKED>OPtion 1 <INPUT TYPE="RADIO" NAME="Radio1" VALUE=R2>OPtion 2 <INPUT TYPE="RADIO" NAME="Radio1" VALUE=R3>OPtion 3 </FORM> </BODY> </HTML>

Blade
Nov 27th, 2001, 05:12 AM
hpl

That's because you are using the RADIO. I am using a SELECT menu, and then it is SELECTED