HTML Codes

HTML Codes > Forms >


           <SELECT ...>


             <SELECT LANGUAGE="...">


             <SELECT TABINDEX="...">

Attribute for `<SELECT ...>`
`onChange = "script command(s)"`

Looking for information on dropdown menues? See our Dropdown Menu Tutorial .


     onChange

designates a JavaScript to run when the user chooses one of the options. This means that an action is initiated immediately when the user chooses an item, not when a "submit" button is pressed. A popular use for


     onChange

is to make the


     <SELECT ...>

list a set of hyperlinks. This allows you to display many links in a very compact space:

<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>

which gives us

It's usually better to use a submit button instead of onChange . The interface is cleaner if you separate the actions of selecting a destination and of saying "now go". See Drop Down Menu Tutorial for complete code and examples.


            <SELECT LANGUAGE="...">


            <SELECT TABINDEX="...">

Recommended: Link Popularity Software : WebPosition Gold : Google Cash : Arelis : Optilink : Search Engine Optimization Software : Search Engine Submission Software : Mike's Marketing Tools : Mike's Ecommerce Software : Search Engine Rankings : Link Popularity Checker : Cheap Domain Registration : Keywords

HTML Codes

Attribute for <SELECT ...> onChange = "script command(s)"

Attribute for `<SELECT ...>`
`onChange = "script command(s)"`