2016-06-28 10 views
-3

Ich versuche, HTML (dynamisch) zu erstellen, die mehrere Auswahlelemente aufweist, aber nicht alle von ihnen angezeigt werden. Hier ein minimales Beispiel:Mehrere <select> Elemente

<html> 
<body> 
    <select/> 
    <select/> 
</body> 
</html> 

Dies rendert als eine einzelne Auswahlbox in allen Browsern, die ich ausprobiert habe. Wenn ich weitere Selects hinzufüge, erhalte ich mehr Auswahlfelder, aber nie so viele, wie ich möchte. Kann jemand erklären, was vor sich geht?

+1

Es gibt keine Werte und Sie haben die 'select' Tags sofort geschlossen. – Jer

+0

'Wählen Sie' Notwendigkeit 'Option' – dippas

+0

Sie erhalten nur eins, weil sie öffnen und schließen Tags müssen. Sie können nicht selbst geschlossen sein. –

Antwort

1

Es ist, weil Sie nicht richtig den select-Tag zu schließen, sollte es so sein:

<select></select> 
<select></select> 
1

Sie müssen einige Werte an das Skript wie in diesem Beispiel hinzufügen:

<html> 
<body> 
    <select> 
     <option value="1">Option 1</option> 
     <option value="2">Option 2</option> 
     <option value="3">Option 3</option> 
     <option value="4">Option 4</option> 
    </select> 

    <select> 
     <option value="1">Option 1</option> 
     <option value="2">Option 2</option> 
     <option value="3">Option 3</option> 
     <option value="4">Option 4</option> 
    </select> 
</body> 
</html> 

Don‘ Schließen Sie die Tags direkt, wie Sie es in Ihrer Frage getan haben. Nicht alle Tags sind selbst abgeschlossen, wie select ist kein selbst geschlossenes Tag, weil es Werte/Optionen benötigt, damit es funktioniert.

Nützliche Liste der selbstschließenden Tags: http://xahlee.info/js/html5_non-closing_tag.html

Hope this Ihnen helfen.