如何在html中显示javascript变量

我有以下javascript变量

 goalDiv ="<div class=goal-parent id=goal-parent"+Id+">"+
    "<div class=goal>"+
    "<div class=top-layer>"+
    "<div class=component>"+

    "<select class=component-select>"+
    "<option id=one><span id='source_name'></span></option>"+
    "</select>"+

    "</div>"+
"</div>"+
"</div>"+
"</div>";

Id = "some div value";

第一个innerHTML可以工作，但第二个不行。我做错了什么？

您不能使用span-inside选项。 如果要更改下拉选项，只需使用：

document.getElementById('one').innerHTML = "some value";

---

你能不能展示一个js fiddle示例不接受HTML，它接受.text=…提供id并使用.innerHTML仍然不起作用。我也试过了。发短信，但也不行。那一定是我做错了什么。非常感谢你的帮助：它成功了。我不知道我做错了什么。但是如果我想在下拉列表中显示多个值呢。我必须给每个选项一个id吗？我该如何预定义它呢？您可以使用select的options数组。请看这里：

document.getElementById('one').innerHTML = "some value";