选项标记未出现在select Javascript中

我有一个javascript数组，我想遍历它，在

标记中创建选项

var sBoxContent = "categorieBox_content";
var oBoxContent = document.getElementById(sBoxContent);

oBoxContent.innerHTML += "<select name=\"clientCategories\">";

for(var i=0;i<oClientCategories.length;i++) {
        var categorieId = oClientCategories[i].id;
        var categorieLabel = oClientCategories[i].label;

        oBoxContent.innerHTML += "<option value=\"" + categorieId + "\">" + categorieLabel + "</option>";
 }

oBoxContent.innerHTML += "</select>";

var sBoxContent=“categorieBox\u content”；
var oBoxContent=document.getElementById（sBoxContent）；
oBoxContent.innerHTML+=“”；
for（var i=0；i
innerHTML
很奇怪，不像字符串那样工作。您传入的HTML会被解析，因此您传入的初始
会自动关闭

相反，将其构建为一个字符串，并在事后使用
innerHTML

var oBoxContentHTML = "<select name='clientCategories'>";
// etc.
oBoxContent.innerHTML += oBoxContentHTML;

var oBoxContentHTML=“”；
//等等。
oBoxContent.innerHTML+=oBoxContentHTML；
innerHTML
很奇怪，不像字符串那样工作。您传入的HTML会被解析，因此您传入的初始
会自动关闭

相反，将其构建为一个字符串，并在事后使用
innerHTML

var oBoxContentHTML = "<select name='clientCategories'>";
// etc.
oBoxContent.innerHTML += oBoxContentHTML;

var oBoxContentHTML=“”；
//等等。
oBoxContent.innerHTML+=oBoxContentHTML；
因为
innerHTML
总是试图创建有效的语法

oBoxContent.innerHTML += "<select name=\"clientCategories\">"; 

因为
innerHTML
总是试图创建有效的语法

oBoxContent.innerHTML += "<select name=\"clientCategories\">"; 

我将使用document.createElement（）而不是仅仅处理HTML字符串

var oClientCategories = [{id: 1, label:"one"},{id: 2, label: "two"},{id: 3, label: "three"}];
var selectBox = document.createElement("select");

for(var i=0;i<oClientCategories.length;i++){
    var elem = oClientCategories[i];
    var addedOption = document.createElement("option");
    addedOption.value = elem.id;
    addedOption.innerHTML = elem.label;
    selectBox.appendChild(addedOption);
}

var cont = document.getElementById("categorieBox_content");
cont.appendChild(selectBox);

var-oClientCategories=[{id:1，标签：“一”}，{id:2，标签：“二”}，{id:3，标签：“三”}]；
var selectBox=document.createElement（“选择”）；
对于（var i=0；i我将使用document.createElement（），而不仅仅是处理HTML字符串

var oClientCategories = [{id: 1, label:"one"},{id: 2, label: "two"},{id: 3, label: "three"}];
var selectBox = document.createElement("select");

for(var i=0;i<oClientCategories.length;i++){
    var elem = oClientCategories[i];
    var addedOption = document.createElement("option");
    addedOption.value = elem.id;
    addedOption.innerHTML = elem.label;
    selectBox.appendChild(addedOption);
}

var cont = document.getElementById("categorieBox_content");
cont.appendChild(selectBox);

var-oClientCategories=[{id:1，标签：“一”}，{id:2，标签：“二”}，{id:3，标签：“三”}]；
var selectBox=document.createElement（“选择”）；
for（var i=0；iBecause innerHTML不像构建字符串。它关闭标记。因为innerHTML不像构建字符串。它关闭标记。