Difference between revisions of "Add Options to a Combo Box Using JavaScript"

From SmartWiki
Jump to: navigation, search
 
Line 1: Line 1:
 
You can use a JavaScript function to modify the options available in a pull-down box on the page.
 
You can use a JavaScript function to modify the options available in a pull-down box on the page.
  
The following example adds a new blank selection at the top of the ''starthour'' field at Level 2:
+
The following example adds a new blank selection at the top of the ''starthour'' field at '''Level 2''':
  
 
<pre>
 
<pre>
Line 11: Line 11:
 
}
 
}
 
</pre>
 
</pre>
 +
 +
The options available are:
 +
:''document.forms[0].starthour.add(new Option('''''Display text, Store value, defaultSelected, selected'''''), document.forms[0].starthour.options[0]) ''
 +
  
 
[[Category:JavaScript]]
 
[[Category:JavaScript]]

Revision as of 14:16, 31 July 2009

You can use a JavaScript function to modify the options available in a pull-down box on the page.

The following example adds a new blank selection at the top of the starthour field at Level 2:

try{
 document.forms[0].starthour.add(new Option("", "", true, true), document.forms[0].starthour.options[0]) 
}
catch(e){ //in IE, try the below version instead of add()
 document.forms[0].starthour.add(new Option("", "", true, true), 0)
}

The options available are:

document.forms[0].starthour.add(new Option(Display text, Store value, defaultSelected, selected), document.forms[0].starthour.options[0])