Difference between revisions of "Add Options to a Combo Box Using JavaScript"
From SmartWiki
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'' | + | The following example adds a new blank selection at the top of the ''starthour, startminute, endhour ''and'' endminute'' fields at '''Level 2''' for new records: |
<pre> | <pre> |
Revision as of 16:37, 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, startminute, endhour and endminute fields at Level 2 for new records:
function clearTimes() { if (document.forms[0].startdate.value=="") { try { document.forms[0].starthour.add(new Option("", "", true, true), document.forms[0].starthour.options[0]) //add blank option to beginning of starthour document.forms[0].startminute.add(new Option("", "", true, true), document.forms[0].startminute.options[0]) document.forms[0].endhour.add(new Option("", "", true, true), document.forms[0].endhour.options[0]) document.forms[0].endminute.add(new Option("", "", true, true), document.forms[0].endminute.options[0]) } catch(e) { //in IE, try the below version instead of add() document.forms[0].starthour.add(new Option("", "", true, true), 0) //add blank option to beginning of starthour document.forms[0].startminute.add(new Option("", "", true, true), 0) document.forms[0].endhour.add(new Option("", "", true, true), 0) document.forms[0].endminute.add(new Option("", "", true, true), 0) } } clearTimes();
The options available are:
- document.forms[0].starthour.add(new Option(Display text, Store value, defaultSelected, selected), document.forms[0].starthour.options[0])