如何动态增加下拉框列表，下拉框里的内容从js数组里得来？

最新推荐文章于 2022-02-18 22:10:39 发布

weixin_34309435

最新推荐文章于 2022-02-18 22:10:39 发布

阅读量422

点赞数

文章标签： javascript 前端 ViewUI

很抱歉，我没测一下，动态增加下拉框的内容按照我第一个写法IE没问题，firefox会出错。
改成这样都可以了。

这样就可以个下拉框添加内容，你只要遍历你的js数组加进去

Html代码

<select id="Input"></select>

Js代码

var option = document.createElement("option");
option.text='11';
option.value='22' ;
Input.add(option);

从js数组中得到：看例子

Html代码

<html>
<head>
</head>
<body>
<select id="collect" onclick="fun()"></setect>
<option>AAA</option>
<option>BBB</option>
<script type="text/javascript">
var tom=['CCC','DDD']
var collect=document.getElementById("collect")
var old=collect.innerHTML
var fun =function(){
var niw=" "
for(var i=0;i<tom.length;i++){
niw+='<option>'+tom[i]+'</option>';
}
collect.innerHTML=old+niw
}
</script>
</body>
</html>

weixin_34309435

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
如何动态增加下拉框列表，下拉框里的内容从js数组里得来？

很抱歉，我没测一下，动态增加下拉框的内容按照我第一个写法IE没问题，firefox会出错。改成这样都可以了。这样就可以个下拉框添加内容，你只要遍历你的js数组加进去 Html代码 &lt;select id="Input"&gt;&lt;/select&gt; Js代码 var option = ...
复制链接

扫一扫

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。