原文链接:http://blog.csdn.net/a313976010/article/details/6728646
1.动态创建select
- function createSelect(){
- var mySelect = document.createElement("select");
- mySelect.id = "mySelect";
- document.body.appendChild(mySelect);
- }
2.添加选项option
- function addOption(){
-
-
- var obj=document.getElementById('mySelect');
-
-
- obj.add(new Option("文本","值"));
- obj.options.add(new Option("text","value"));
- }
3.删除所有选项option
- function removeAll(){
- var obj=document.getElementById('mySelect');
- obj.options.length=0;
-
- }
4.删除一个选项option
- function removeOne(){
- var obj=document.getElementById('mySelect');
-
-
- var index=obj.selectedIndex;
- obj.options.remove(index);
- }
5.获得选项option的值
- var obj=document.getElementById('mySelect');
-
- var index=obj.selectedIndex;
-
- var val = obj.options[index].value;
6.获得选项option的文本
- var obj=document.getElementById('mySelect');
-
- var index=obj.selectedIndex;
-
- var val = obj.options[index].text;
7.修改选项option
- var obj=document.getElementById('mySelect');
-
- var index=obj.selectedIndex;
-
- var val = obj.options[index]=new Option("新文本","新值");
8.删除select
- function removeSelect(){
- var mySelect = document.getElementById("mySelect");
- mySelect.parentNode.removeChild(mySelect);
- }
另外附创建option的另外一种方法:
- var text = "test";
- var mySelect = document.getElementById("mySelect");
-
-
- var opt = document.createElement("option");
-
-
- var _text = document.createTextNode(text);
-
-
- opt.appendChild(_text);
-
-
- opt.setAttribute("value","lala");
-
-
- mySelect.appendChild(opt);