JS--添加option
Posted 唐宋丶元明清
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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> |
以上是关于JS--添加option的主要内容，如果未能解决你的问题，请参考以下文章