Necesito mostrar una entrada y una lista desplegable. Sin embargo, por alguna razón, la entrada aparece en la página pero el menú desplegable no aparece correctamente. Aquí está el código a continuación

Aquí está la captura de pantalla a continuación.

enter image description here

Como puede ver, la entrada aparece bien pero no el menú desplegable. ¿Cuál es el problema?

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>
0
Souvik Ray 27 sep. 2019 a las 12:05

3 respuestas

La mejor respuesta

Cambia esto:

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

A esto:

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

1
Shizukura 27 sep. 2019 a las 09:09
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>

Pegue el código de JavaScript anterior. Como se mencionó anteriormente, el problema es que no cerró la etiqueta de entrada y, por lo tanto, todo lo escrito después de que se consideró dentro de esa misma etiqueta.

1
mustafaj 27 sep. 2019 a las 09:21

Sí, la etiqueta no se cerró correctamente. Para html, cierre la etiqueta de entrada como <input type="text"> Para xhtml, cierre la etiqueta de entrada como <input type="text"/>

1
Akash Aashu 27 sep. 2019 a las 09:23