zoukankan      html  css  js  c++  java
  • DOM增删操作(select动态增加和删除以及清空)

    <!DOCTYPE html>
    <html>

    <head>
    <meta charset="UTF-8">
    <title></title>
    <script>
    //创建select元素
    function createSelect(){
    var ele = document.createElement('select');
    for(var i=0;i<10;i++){
    var op = new Option('NewElment'+i,i);
    ele.options[i] = op;
    }
    ele.size = 1;
    ele.id = 'city';
    document.getElementById('test').appendChild(ele);
    }

    //删除元素
    function eleremove(){
    var city = document.getElementById('city');
    if(city.options.length > 0){
    //city.remove(city.options.length -1);
    city.options[city.options.length -1] = null;
    }
    }

    //清空元素
    function clearAll(){
    var city = document.getElementById('city');
    if(city.options.length > 0){
    city.options.length = 0;
    }
    }

    </script>
    </head>

    <body id="test">
    <button value="1" onclick="createSelect()">createSelect</button><br />
    <button value="2" onclick="eleremove()">eleremove</button><br />
    <button value="3" onclick="clearAll()">clearAll</button>
    <hr />
    </body>

    </html>

  • 相关阅读:
    获取DataGrid数据
    C# 分頁
    TCP 协议
    node fs对象
    ANSI转义码 改变输出的字体颜色
    异步流程控制模式
    node event对象
    js中的异常捕获 try{} catch{}(二)
    node require 文件查找的顺序
    node process全局对象
  • 原文地址:https://www.cnblogs.com/youcandomore/p/7245761.html
Copyright © 2011-2022 走看看