项目中要解决一个为下拉框动态添加选项的问题,之前从网上搜到结果,写个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);