添加select的option

最新推荐文章于 2024-06-25 15:10:00 发布

yzbczq

最新推荐文章于 2024-06-25 15:10:00 发布

阅读量190

点赞数 1

分类专栏： ajax 文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/yzbczq/article/details/83355614

版权

ajax 专栏收录该内容

29 篇文章 0 订阅

订阅专栏

<html>
<head>
<script language="javascript">
//第一种方法
 function add(){
  //创建一个option
  var o = document.createElement("option");
  //添加o的value值
  o.value=1;
  //添加o的显示值
  o.text="增加的选项";
  //添加到名为se的select中
  document.getElementById("se").add(o);
 }
//第二种方法
function add2(){
//俩个参数,第一个是显示的文本,第二个是他的value值,可以是数字,也可以是字符串
 var o= new Option("增加的选项","1");

 document.getElementById("se").add(o);

}

</script>
</head>
<body>
<input type="button" value="增加选项" onclick="add()"  />
<input type="button" value="增加选项2" onclick="add()"  />
<select id="se">
<option selected="selected">请选择</option>
</select>
<input type="button" value="清除选项" onclick="document.getElemnetById('se').length=1" />
</body>
</html>