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

From SmartWiki
Jump to: navigation, search
Line 4: Line 4:
  
 
<pre>
 
<pre>
try{
+
function changeStartHour()
document.forms[0].starthour.add(new Option("", "", true, true), document.forms[0].starthour.options[0])  
+
{
}
+
  try
catch(e){ //in IE, try the below version instead of add()
+
  {
document.forms[0].starthour.add(new Option("", "", true, true), 0)
+
      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)
 +
  }
 
}
 
}
 +
changeStartHour();
 
</pre>
 
</pre>
  

Revision as of 14:36, 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:

function changeStartHour()
 {
   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)
   }
}
changeStartHour();

The options available are:

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