2016-06-28 3 views
-3

複数の選択要素を持つhtml(動的)を作成しようとしていますが、それらのすべてが表示されないようです。最小の例を次に示します。複数の<select>要素

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

これは、私が試したすべてのブラウザで1つの選択ボックスとしてレンダリングされます。選択肢を追加すると、選択肢が増えますが、私が求めているものは決して多くありません。誰かが何が起こっているか説明できますか?

+1

値がなく、すぐに 'select'タグを閉じました。 – Jer

+0

'' '必要な' 'オプション' ' – dippas

+0

オープンタグとクローズタグが必要なので、1つしか取得できません。彼らは自己閉鎖することはできません。 –

答えて

1

それはあなたが正しくselectタグを閉じていないので、それはこのようにする必要があります:あなたはこの例のようなスクリプトにいくつかの値を追加する必要が

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

<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> 

ドン」あなたの質問と同じようにタグを直接閉じることはできません。 selectは自己クローズドタグではないため、すべてのタグが自己クローズされているわけではありません。

自己終了タグの有用なリスト:これはあなたを助けるhttp://xahlee.info/js/html5_non-closing_tag.html

希望。