Reset to default value after select in form

[ChrisRChamberlain]

Hi all

Using code similar to

<FORM>
<SELECT ONCHANGE="location = this.options[this.selectedIndex].value;">
<OPTION VALUE="myhome.html">My Home Page
<OPTION VALUE="myresume.html">Resume
<OPTION VALUE="myhobbies.html">Hobbies
<OPTION VALUE="mydog.html">My Dog
</SELECT>
</FORM>

can the ONCHANGE or some other event be used to reset the default value to 'My Home Page'?

TIA

FAQ184-2483​

Chris
PDFcommander.com
motrac.co.uk

 

[ChrisRChamberlain]

Rightly or wrongly, this does the trick

<FORM>
<SELECT ONCHANGE="location = this.options[this.selectedIndex].value;[COLOR=red]this.selectedIndex='My Home Page';[/color]">
<OPTION VALUE="myhome.html">My Home Page
<OPTION VALUE="myresume.html">Resume
<OPTION VALUE="myhobbies.html">Hobbies
<OPTION VALUE="mydog.html">My Dog
</SELECT>
</FORM>

Any better way?

FAQ184-2483​

Chris
PDFcommander.com
motrac.co.uk

 

[BillyRayPreachersSon]

I would have used either:

this.selectedIndex = 0

or

this.value = 'myhome.html'

The latter would be better as then you could re-order the items without any change to the code.

Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

Dan's Page [blue]@[/blue] Code Couch:

http://www.codecouch.com/dan/

Code Couch Snippets & Info:

http://www.codecouch.com/

The Out Atheism Campaign

 

[ChrisRChamberlain]

BillyRayPreachersSon

Thanks for your comments - will adopt one of your alternatives.

FAQ184-2483​

Chris
PDFcommander.com
motrac.co.uk

 

[vicvirk]

don't forget to close each option!

<FORM>
<SELECT ONCHANGE="location = this.options[this.selectedIndex].value;this.selectedIndex='My Home Page';">
<OPTION VALUE="myhome.html">My Home Page[COLOR=red][b]</OPTION>[/b][/color]
<OPTION VALUE="myresume.html">Resume[COLOR=red][b]</OPTION>[/b][/color]
<OPTION VALUE="myhobbies.html">Hobbies[COLOR=red][b]</OPTION>[/b][/color]
<OPTION VALUE="mydog.html">My Dog[COLOR=red][b]</OPTION>[/b][/color]
</SELECT>
</FORM>

--------

GOOGLE is a great resource to find answers to questions like "how do i..."

http://www.google.com/webhp?complete=1&hl=en

--------

 

[ChrisRChamberlain]

vicverk

Thanks for your comments.

My somewhat limited understanding is that in HTML the <option> tag has no end tag.

In XHTML the <option> tag must be properly closed.

As its intended use is in a simple HTML page, the end tag was omitted.

Would appreciate further clarification on the issue.

FAQ184-2483​

Chris
PDFcommander.com
motrac.co.uk

 

[BillyRayPreachersSon]

From

http://www.w3.org/TR/html401/interact/forms.html#h-17.6:

17.6 The SELECT, OPTGROUP, and OPTION elements

Start tag: required, End tag: required

Dan





Coedit Limited - Delivering standards compliant, accessible web solutions

Dan's Page [blue]@[/blue] Code Couch:

http://www.codecouch.com/dan/

Code Couch Snippets & Info:

http://www.codecouch.com/

The Out Atheism Campaign

 

[BillyRayPreachersSon]

Hmm.. I posted the wrong quote! It should have been:

Start tag: required, End tag: optional

Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

Dan's Page [blue]@[/blue] Code Couch:

http://www.codecouch.com/dan/

Code Couch Snippets & Info:

http://www.codecouch.com/

The Out Atheism Campaign

 

[ChrisRChamberlain]

Dan

Thanks for the clarification.

FAQ184-2483​

Chris
PDFcommander.com
motrac.co.uk