js拼接select的option

阿里 阅读:940 2020-04-27 15:41:35 评论:0

在页面定义一个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,是拼接不成功的。

 

声明

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

关注我们

一个IT知识分享的公众号