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,是拼接不成功的。

 

posted @ 2020-03-24 16:41  经不起丶似水流年  阅读(3094)  评论(0编辑  收藏  举报