html选择-范围为0-10

html select - range of 0-10

本文关键字：0-10 范围 选择 html      更新时间：2024-02-14

如果我想在五个不同的选择中给出0-10的选择，是否有用于此（非HTML5）的HTML代码允许我不重复五个选择中的每个选择，或者我必须重复此代码？

感谢

不幸的是，如果只使用HTML ，则必须重复代码

真的，考虑使用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 );

您可以使用angularjs及其指令"ng repeat"。

<div ng-repeat="choice in choices">
   <p>something with {{choice}}</p>
</div>
相关文章：