标签：
<html> <head> <script text="text/javaScript"> // 为Select控件添加Option选项 function myAddAll(){ var mySelect = document.getElementById("mySelect"); var o1 = new Option("选项1","value1"); var o2 = new Option("选项2","value2"); var o3 = new Option("选项3","value3"); mySelect.add(o1); mySelect.options.add(o2); mySelect.options[mySelect.options.length] = o3; } // 在Select控件指定位置插入Option选项 function myAddOne(index){ var mySelect = document.getElementById("mySelect"); var o = new Option("插入选项位置2","位置2"); mySelect.add(o, index); } // 删除Select控件所有选项 function myDeleteAll(){ var mySelect = document.getElementById("mySelect"); mySelect.options.length = 0; } // 删除Select控件指定选项 function myDeleteOne(index){ var mySelect = document.getElementById("mySelect"); alert(mySelect.options[index].text + " = " + mySelect.options[index].value); // 有以下3种方法,为防止运行时删除多条数据,前两种方法被注释掉 // mySelect.remove(index); // mySelect.options.remove(index); mySelect.options[index] = null; } </script> </head> <body> <select id="mySelect" onchange="alert(this.value)"> </select> <input type="button" value="添加所有选项" onclick="myAddAll();"/> <input type="button" value="添加一个选项" onclick="myAddOne(1);"/> <input type="button" value="删除选项" onclick="myDeleteAll();"/> <input type="button" value="删除指定选项" onclick="myDeleteOne(1);"/> </body> </html>
标签：
原文地址：http://www.cnblogs.com/pumushan/p/4661505.html
