工作中的一些JS--为网页动态添加元素,类似于邮箱添加联系人的功能

项目中要解决一个为下拉框动态添加选项的问题,之前从网上搜到结果,写个JS函数

//先新建元素,并添加属性
 var option = document.createElement("option");
     //为option添加值
 var key = document.createTextNode(“字符串”);
        option.appendChild(key);

//获取option 要添加到的select元素
var parent = document.getElementById("selectList");

//将option 添加到id为selectList的下拉框元素中
parent .appendChild(option);

下面的代码可以执行删除<option>操作

//找到需要删除的标签的上级
var parent = document.getElementById("selectList");

//找到需要删除的标签
 var child = document.getElementById(selectID);

//删除标签(注意:这里需要判断一下parent和child是否获取到了,在不同版本浏览器的兼容情况下,有的浏览器会报错)
parent.removeChild(child);

 

posted @ 2013-09-12 18:35  coding烫烫烫烫烫  阅读(696)  评论(0编辑  收藏  举报