मुझे एक इनपुट और एक ड्रॉप डाउन सूची दिखाने की जरूरत है। हालाँकि, किसी कारण से, पृष्ठ पर इनपुट दिखाई देता है लेकिन ड्रॉप डाउन ठीक से प्रकट नहीं होता है। यहाँ नीचे कोड है

यहाँ नीचे स्क्रीनशॉट है

enter image description here

जैसा कि आप देख सकते हैं, इनपुट ठीक दिखाई देता है लेकिन ड्रॉप डाउन नहीं। समस्या क्या है?

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 सितंबर 2019, 12:05

2 जवाब

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>

उपरोक्त जावास्क्रिप्ट कोड पेस्ट करें। जैसा कि ऊपर उल्लेख किया गया है, समस्या यह है कि आपने इनपुट टैग को बंद नहीं किया है, और इस प्रकार इसके बाद लिखी गई हर चीज को उसी टैग के अंदर माना जाता है।

1
mustafaj 27 सितंबर 2019, 09:21

हां, टैग ठीक से बंद नहीं हुआ था। एचटीएमएल के लिए, इनपुट टैग को बंद करें जैसे <input type="text"> xhtml के लिए, इनपुट टैग जैसे <input type="text"/> . को बंद करें

1
Akash Aashu 27 सितंबर 2019, 09:23