JS--添加option

  <!DOCTYPE html>
  <html lang="en">
  <head>
  <meta charset="UTF-8">
  <title>Title</title>
  <script>
  window.onload=function () {
  var sel= document.getElementById("demo");
  // name value
  sel.options.add(new Option("请选择",""));
  sel.options.add(new Option("name","id"));
  }
  function add(){
  var sel= document.getElementById("demo");
  sel.options.add(new Option("ss",""));
  }
  function dele(){
  var sel= document.getElementById("demo");
  sel.options.remove(1);
  }
  function deleAll(){
  var sel= document.getElementById("demo");
  sel.options.length=0;
  sel.options.add(new Option("请选择",""));
  }
  </script>
  </head>
  <body>
  <select style="width: 50px" id="demo">
   
  </select><br/>
  <input type="button" value="add" onclick="add()"><br/>
  <input type="button" value="dele" onclick="dele()"><br/>
  <input type="button" value="deleall" onclick="deleAll()"><br/>
  </body>
  </html>
posted @ 2017-12-05 10:29  唐宋丶元明清  阅读(1899)  评论(0)    收藏  举报