html选择 - 范围0-10

Question

如果我想在五个不同的选择中选择0-10，那么是否有HTML代码（非HTML5）允许我不重复五个选项中的每一个的选择，或者我是否必须重复这段代码？

由于

Answer 1

不幸的是，如果仅使用HTML

，则必须重复代码

Answer 2

真的，考虑使用JS。

一些例子html：

<select id="someSelect">

</select>

你的剧本：

var options = "";
for(var i = 1; i<11; i++ ) {
    options += "<option value="+i+">+i+</option>";

//编辑摘要：没有字符串连接

}

然后只需将select的html值设置为该变量：

document.getElementById('someSelect').innerHTML = options;

或者如果您使用的是jquery：

$('#someSelect').html( options );

Answer 3

您可以使用angularjs及其指令“ng-repeat”。

<div ng-repeat="choice in choices">
   <p>something with {{choice}}</p>
</div>