JS动态添加option和删除option

转载:JS动态添加option和删除option

1.动态创建select

1 2 3 4 5

function createSelect(){     var mySelect = document.createElement("select");     mySelect.id = "mySelect";     document.body.appendChild(mySelect); }

2.添加选项option 

1 2 3 4 5 6 7

function addOption(){     //根据id查找对象，     var obj=document.getElementById('mySelect');     //添加一个选项     obj.add(new Option("文本","值")); //这个只能在IE中有效     obj.options.add(new Option("text","value")); //这个兼容IE与firefox }

3.删除所有选项option 

1 2 3 4

function removeAll(){     var obj=document.getElementById('mySelect');     obj.options.length=0; }

4.删除一个选项option

1 2 3 4 5 6

function removeOne(){     var obj=document.getElementById('mySelect');     //index,要删除选项的序号，这里取当前选中选项的序号     var index=obj.selectedIndex;     obj.options.remove(index); }

5.获得选项option的值 

1 2 3

var obj=document.getElementById('mySelect'); var index=obj.selectedIndex; //序号，取当前选中选项的序号 var val = obj.options[index].value;

6.获得选项option的文本 

1 2 3

var obj=document.getElementById('mySelect'); var index=obj.selectedIndex; //序号，取当前选中选项的序号 var val = obj.options[index].text;

7.修改选项option

1 2 3

var obj=document.getElementById('mySelect'); var index=obj.selectedIndex; //序号，取当前选中选项的序号 var val = obj.options[index]=new Option("新文本","新值");

8.删除select

1 2 3 4

function removeSelect(){     var mySelect = document.getElementById("mySelect");     mySelect.parentNode.removeChild(mySelect); }

ps:最近用到了纯js操作select,本屌记忆不好,也懒得自己写,为了方便下次查看所以粘贴转载了JS动态添加option和删除option大神的博客