2016-06-28 55 views
-3

我正在尝试创建具有多个选择元素的html(动态),但并非所有元素都显示出来。这里有一个小例子:多个<select>元素

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

这使得在我尝试了所有的浏览器一个选择框。如果我添加更多的选择,我会得到更多的选择框,但从来没有像我所要求的那样多。有人可以解释发生了什么吗?

+1

没有值,你立即关闭'select'标签。 – Jer

+0

'选择'需要'选项' – dippas

+0

你只会得到一个,因为他们需要打开和关闭标签。他们不能自我封闭。 –

回答

1

那是因为你没有正确关闭选择标记,它应该是这样的:

<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

希望这会帮助你。