javascript - 下拉菜单在 html 页面中显示不正确

Question

我需要显示一个输入和一个下拉列表。但是由于某种原因，输入出现在页面上，但下拉菜单显示不正确。这是下面的代码

这是下面的屏幕截图

正如你所看到的，输入看起来很好，但不是下拉。问题是什么？

let card = ""
card += "<div class='container'>"
card += "<div class='row'>"
card += "<input type='text'"
card += '<select> <option value="time">A</option> <option value="place">B</option> <option value="fee">Fee</option></select>'

card += "</div>"
card += "</div>"

document.querySelector('#app').innerHTML = card

<div id="app">

</div>

标签： javascripthtml

Answer 1

改变这个：

card += "<input type='text'"

对此：

card += "<input type='text'>"