javascript;select动态添加和删除option

 <select id="sltCity"></select>

//添加Option。
var optionObj = new Option(text, value);
optionObj = new Option(text, value, false, true); //默认选中
document.getElementById("sltCity").options.add(optionObj);

//添加Option。
var sltObj = document.getElementById("sltCity"); //获取select对象
var optionObj = document.createElement("option"); //创建option对象
optionObj.value = value;
optionObj.innerHTML = text;
optionObj.selected = true;//默认选中
sltObj.appendChild(optionObj);  //添加到select

//删除Option。
var sltCity = document.getElementById("sltCity");
while (sltCity.firstChild) {
  sltCity.removeChild(sltCity.firstChild); //移除已有的节点
}

//动态删除select中的某一项option:
document.getElementById("sltCity").options.remove(index); 

 

posted @ 2014-10-27 20:08  hg一如既往  阅读(8864)  评论(0编辑  收藏  举报