本文介绍了一种使用JavaScript动态更新HTML中SELECT元素的OPTION的方法。通过创建并添加新的OPTION元素到指定的SELECT字段，可以实现选项的动态加载。示例代码展示了如何循环添加10个选项。
要用到动态更新SELECT中的OPTION，在网上找了一下，可以用如下JS代码：
<HTML>
<HEAD>
<script>
for (var i = 1; i < 10; i ++)
{var oOption = document.createElement("OPTION");
SelectField1.options.add(oOption);
oOption.innerText = "Text" + i;
oOption.value = i;
}
</script>
</HEAD>
<BODY>
<SELECT id="SelectField1" NAME="SelectField1">
<OPTION value=1>1</OPTION>
</SELECT>
</BODY>
</HTML>
<HEAD>
<script>
for (var i = 1; i < 10; i ++)
{var oOption = document.createElement("OPTION");
SelectField1.options.add(oOption);
oOption.innerText = "Text" + i;
oOption.value = i;
}
</script>
</HEAD>
<BODY>
<SELECT id="SelectField1" NAME="SelectField1">
<OPTION value=1>1</OPTION>
</SELECT>
</BODY>
</HTML>
扫一扫
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
