0

尝试创建一个表单，用户可以在其中输入可变数量的费用。有四个字段，费用描述，费用发生的状态，费用类型和成本。用户单击“添加新费用”按钮以将这些字段的另一部分添加到页面。我有四个字段中的三个在工作 - 描述（输入类型文本）、类型（单选按钮）和成本（文本）。但是状态是一个下拉列表，它从数据库中提取状态。db 连接很好，PHP 会创建一个带有相关值的标签字符串。

下面是 JavaScript，我应该注意它在 Firefox 上工作得很好，但不是 IE，它似乎只是创建了一个空白的选择字段，其下拉列表中没有任何内容。

<script type="text/javascript">
var instance = 1;

function newExpense(element) {
    instance++;

    var state = document.createElement("SELECT");
    var stateLabel = document.createElement("LABEL");

    state.id = "expensestate" + instance;
    state.name = "expnsestate" + instance;
    state.innerHTML = "<?php echo $stateDropDown ?>";

    stateLabel.setAttribute("for", state.id);
    stateLabel.innerHTML = "State: ";

    document.getElementById("expenses").appendChild(stateLabel);
    document.getElementById("expenses").appendChild(state);
}
</script>

就像我说的，这似乎在 Firefox 中完美运行。它生成有效的 HTML，并且下拉菜单按预期工作。但在 IE 中，它会创建选择表单字段，但下拉列表为空。任何我可能遗漏的线索将不胜感激！

编辑 - 将代码与基本要素配对。谢谢你的提示！:)

4

0 回答 0