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.
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>3 respuestas
Cambia esto:
card += "<input type='text'"
A esto:
card += "<input type='text'>"
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.
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"/>