javascript - 如何在选项元素中创建中断

这给了我两个选择-在选择标签中并排放置冰淇淋和果汁。我尝试了innerHtml，InnerText和TextContent。它们都给出相同的结果。

 var selectTag = document.createElement("select");
 var optionTagOne = document.createElement("option");
 optionTagOne.setAttribute("value", "icecream");
 optionTagOne.innerText = "icecream";

 var optionTagTwo = document.createElement("option");
 optionTagTwo.setAttribute("value", "juice");
 optionTagTwo.innerText = "juice";

 optionTagOne.appendChild(optionTagTwo)
 selectTag.appendChild(optionTagOne)

最佳答案

optionTagOne.appendChild(optionTagTwo)应该是selectTag.appendChild(optionTagTwo)。您正在创建此：

<select>
    <option value="icecream">
        Icecream
        <option value="juice">Juice</option>
    </option>
</select>

它真的很酷，我没想到。

关于javascript - 如何在选项元素中创建中断，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/49593636/