Selected option in JavaScript

**hpl** · Nov 27th, 2001, 03:31 AM

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

**Blade** · Nov 27th, 2001, 04:20 AM

you mean like:

Code:

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

Blade

**hpl** · Nov 27th, 2001, 04:36 AM

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

Code:

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

Thanks anyway

**Blade** · Nov 27th, 2001, 05:06 AM

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

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

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

**hpl** · Nov 27th, 2001, 05:12 AM

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

Thread: Selected option in JavaScript

Thread Tools

Display

Selected option in JavaScript

Posting Permissions