javascript - 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>";

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

}

然后只需将您的选择的 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>