使用 javascript 的动态组合框列表框下拉列表答案

【问题标题】：Dynamic combobox-listbox-drop-down using javascript使用 javascript 的动态组合框列表框下拉列表
【发布时间】：2012-03-10 13:54:48
【问题描述】：

想要使用 javascript 动态填充组合框列表框下拉列表。

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

我的 HTML 代码：-

<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>

我的 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 = "";
}

现在仍然无法正常工作，代码中是否有任何问题？我错过了什么吗？

【问题讨论】：

什么不起作用？这里有什么具体问题吗？

标签： javascript dynamic drop-down-menu forms

【解决方案1】：

你需要更正你的函数来完成这件事，语法有问题：-

将您的 Javascript 更改为：-

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 = "";
}

使用 catch 你需要使用 try 而且您不需要在函数 ()

中添加任何内容

【讨论】：

【解决方案2】：

在您的 javascript 代码中将 if 更改为 try

【讨论】：