Javascript Tip: 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>
function add()
{
    
    var newOpt = mySel.appendChild(document.createElement('option'));
    newOpt.text = "New Item";
}
< /script>
< /head>

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

Enjoy :)

Related Posts:

• Javascript: Open Pop-Up at Center of Client Window
• Javascript: How To Set Cursor to Textbox End
• Javascript Tip: Catch Browser Closing Event
• Javascript: Remove Upper Chars from String
• Javascript: How To Change Browser Scrollbars Colors
• Javascript: How to Close Browser Window (window.close()) Without Warning
• HowTo Delete Cookie Using Javascript
• Javascript Tip: Adjust iframe Size to Fit its Contents
• Javascript: Convert RGB Color to HTML Hex
• Obtain Browser Capabilities Using Javascript (clientCaps)