js拼接select的option详解编程语言

在页面定义一个select ,必须加id

<select id=”dy” name=”dy”>
</select>

也可以在js方法里添加

function createSelect(){
var mySelect = document.createElement(“dy”);
mySelect.id = “dy”;
document.body.appendChild(mySelect);
}

然后js里拼接option

var sel= document.getElementById(“dy”);
sel.options.add(new Option(“选项一”,”DM101_01″));
sel.options.add(new Option(“选项二”,”DM101_02″));
sel.options.add(new Option(“选项三”,”DM101_03″));

 

注意,如果是在html定义的select,建议将放在select标签的后面,这是因为在页面加载的时候,是从上往下加载的,如果写在select标签前面的话,没有加载到select标签就执行js了,var sel= document.getElementById(“dy”)得到的一般是null,是拼接不成功的。

 

原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/17448.html

(0)
上一篇 2021年7月19日
下一篇 2021年7月19日

相关推荐

发表回复

登录后才能评论