zoukankan      html  css  js  c++  java
  • 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); 
  • 相关阅读:
    SQL语法分类
    SQL语法入门
    数据库的基本对象
    数据库基础
    数据库概述
    设计模式之备忘录模式
    设计模式之State模式
    设计模式之装饰模式
    简单工厂模式
    初识C#设计模式
  • 原文地址:https://www.cnblogs.com/han1982/p/4055022.html
Copyright © 2011-2022 走看看