js动态批量为select添加option值

最新推荐文章于 2024-07-15 03:14:56 发布

Jannay

最新推荐文章于 2024-07-15 03:14:56 发布

阅读量1.2k

点赞数

分类专栏： javascript java工具 java html web前端文章标签： html JavaScript ViewUI

web前端同时被 3 个专栏收录

13 篇文章

订阅专栏

java

8 篇文章

订阅专栏

java工具

6 篇文章

订阅专栏

本文介绍了一种使用JavaScript动态创建HTML下拉选择框（select元素）的方法。通过定义一个函数来生成多个选项，并将其添加到指定的选择框中。这种方法在需要动态更新用户界面上的选择项时非常有用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> Js create options for the select </TITLE>
<script>
function set(){
var options = new Array();
var option=null;
for(var i=0;i<5;i++){
option=new Option("text"+i,"value"+i);
options[options.length] = option;
}
setOptions("testSel",options);
}

<BODY>
<div>Search Name:<select name="testSel" id="testSel"></select></div>
<div id="buttonLayer">
<input type="button" id="button_parent_saveas" name="button_parent_saveas" value="test" onClick="set();" /></br>
</div>
</BODY>
</HTML>