【转载】JS动态添加option和删除option

突然分享一篇关于js的知识点,估计给很多人吓一跳。

是不是网站的内容会发散?

答案是不会,分享这个autohotkey也有使用js的时候,而且有时候使用起来还是很方便很炫酷的。比如neutron这个库,有兴趣的可以了解一下。

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);
}

给TA捐赠
共{{data.count}}人
人已捐赠
其他应用教程

AHK语法生成器

2021-7-19 20:22:46

其他

电脑软件安装设置测试备份与保护-草稿版-第1版

2021-7-22 9:58:13

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索