1.创建option对象
1.1 var optionele1 = document.createelement('option');
1.2 var optionele2 = new option(text, value, defaultselected, selected);
2.options属性
2.1 select.options返回select标签下面的option对象的集合
3.清空下拉菜单
3.1 利用for循环删除,注意数组长度的动态变化
3.2 select.options.length = 0;
4.应用
我的包包 我的本本 我的油油 我的担子
1.动态创建select
function createselect(){ var myselect = document.createelement(select); myselect.id = myselect; document.body.appendchild(myselect); }
2.添加选项option
function addoption(){ //根据id查找对象， var obj=document.getelementbyid('myselect'); //添加一个选项 obj.add(new option(文本,值)); //这个只能在ie中有效 obj.options.add(new option(text,value)); //这个兼容ie与firefox }
3.删除所有选项option
function removeall(){ var obj=document.getelementbyid('myselect'); obj.options.length=0; }
4.删除一个选项option
function removeone(){ var obj=document.getelementbyid('myselect'); //index,要删除选项的序号，这里取当前选中选项的序号 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); }

以上所述就是本文的全部内容了，希望大家能够喜欢。