分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 代码编程

JS--添加option

发布时间:2023-09-06 01:28责任编辑:林大明关键词:暂无标签
 <!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>

JS--添加option

原文地址:http://www.cnblogs.com/czgxxwz/p/7985698.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved