JavaScript and Forms

• Many events relate to form fields
• Form objects have extensive sets of modifiable properties
• Typical uses of JavaScript with forms include:
  • triggering actions (e.g. submit a form when user fills out a value)
  • data validation (when entered, or when submitted)
  • dynamic form construction (e.g. pulldown lists)

<FORM>
<select onchange="window.location=
      this.options[selectedIndex].value">
  <option selected value="#">Select a destination
  <option value="http://www.uoregon.edu">UO Home Page
  <option value="index.html">Workshop index
  <option value="http://libweb.uoregon.edu/it/eval.html">Eval form
</select>    
</FORM>

Exercise: Create a "goto" HTML form with JavaScript code similar to the above, but use your own option values.

More forms