Home/ Questions/Q 7552333
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-30T10:44:05+00:00

Want to populate dynamically combobox-listbox-drop-down using javascript. var table = document.createElement(table); var select =

  • 0

Want to populate dynamically combobox-listbox-drop-down using javascript.

var table = document.createElement("table");
var select = document.createElement("select");
var option = document.createElement("option");

My HTML Code:-

<HTML>
    <HEAD>
        <TITLE>Dynamically populating drop down, combobox, list box using JavaScript</TITLE>
        <SCRIPT language="javascript" src="config.js"></SCRIPT>
    </HEAD>
    <BODY style="font-family: sans-serif">

        <fieldset>
            <legend>Combo box</legend>
            Add to Combo: <input type="text" name="txtCombo" id="txtCombo"/>
            <input type="button" value="Add" onclick="addCombo()">
            <br/>
            Combobox: <select name="combo" id="combo"></select>
        </fieldset>
    </BODY>
</HTML>

My Javascript:-

function addCombo(a, b) {
    var textb = document.getElementById("txtCombo");
    var combo = document.getElementById("combo");

    var option = document.createElement("option");
    option.text = textb.value;
    option.value = textb.value;
    if {
        combo.add(option, null); //Standard
    }catch(error) {
        combo.add(option); // IE only
    }
    textb.value = "";
}

Now still its not working is there any issue in the code? Do I am missing something?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You need to correct your function to get this thing done, there is an issue in syntex:-

    Change your Javascript to this:-

    function addCombo() {
    var textb = document.getElementById("txtCombo");
    var combo = document.getElementById("combo");

    var option = document.createElement("option");
    option.text = textb.value;
    option.value = textb.value;
    try {
        combo.add(option, null); //Standard
    }catch(error) {
        combo.add(option); // IE only
    }
    textb.value = "";
}

    With catch you need to use try
    And you don’t need to to put anything in the function ()

    • 0