Add Item to Combobox Dynamically

The following javascript function demonstrates how to add new items to combobox in HTML. The solution utilizes appendChild (select) and createElement (document) functions accordingly. Works both in Internet Explorer and Firefox.

<html>
<title>
   <head>

       <script type="text/javascript">
           function add() {

               var newOpt = mySel.appendChild(document.createElement('option'));
               newOpt.text = "New Item";
           }
       </script>

   </head>
   <body>
       <elect id="mySel">
<option>item 1
</select>
<input type="button" value="Add" onclick="add();">
   </body>
</html>
Reactions

Post a Comment

0 Comments

Close Menu