IT虾米网

js拼接select的option详解

developer 2020年04月27日 编程语言 312 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,是拼接不成功的。

 

发布评论

分享到:

IT虾米网

微信公众号号:IT虾米 (左侧二维码扫一扫)欢迎添加!

easyui下拉框选中触发事件详解
你是第一个吃螃蟹的人
发表评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。