DOM为列表框、下拉菜单添加、删除选项

来源：互联网发布：java api kettle教程编辑：程序博客网时间：2024/06/05 19:03

DOM为列表框、下拉菜单添加选项

创建选项除了使用前面所示的createElement方法之外，还可以使用专门的构造器来构造一个选项出来。

new Option( text ,value , defaultSelected ,selected)

该构造器有4个参数，说明如下；

提示并不需要都指明四个参数，指明一个或者两个都可以，假如一个的话知名的是text,两个的话就是text value。

<html><head><title>00</title></head><body id="test"><input type="button" value="创建一个城市列表框" onclick="test()"/><input type="button" value="一条条删除列表框的每一项" onclick="testdelete()"/><input type="button" value="一次性清空列表项" onclick="testdeleteAll()"/></body><script type="text/javascript" charset="utf-8">function test(){var element=document.createElement("select");for(var i=0;i<10;i++){//注意，变量的定义只能用varvar options=new Option("列表项"+i,i);element.options[i]=options;}element.id="myselect";element.size=5;document.getElementById("test").appendChild(element);}function testdelete(){var myselect=document.getElementById("myselect");var element=myselect.options;if(element.length>0){myselect.remove(element.length-1);}}function testdeleteAll(){var myselect=document.getElementById("myselect");if(myselect.options.length>0){myselect.options.length=0;}}</script></html>

阅读全文

0 0