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); 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM