Javascript 动态添加select option

最新推荐文章于 2022-02-16 20:43:51 发布

tbs005a

最新推荐文章于 2022-02-16 20:43:51 发布

阅读量208

点赞数 1

分类专栏： Js ajax，文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/tbs005a/article/details/84619490

版权

Js 同时被 2 个专栏收录

4 篇文章 0 订阅

订阅专栏

ajax，

2 篇文章 0 订阅

订阅专栏

方法很多 ，一下暂列两种自己用。
标准的DOM操作也可以，就是document.createElement，appendChild，removeChild之类的。 
var objSelect = document.getElementById("selectId");
//清空
objSelect.innerHTML="";
方式一：
//动态删除select中的所有options：
document.getElementById("selectId").options.length=0;

//动态删除select中的某一项option：
document.getElementById("selectId").options.remove(indx); 

//动态添加select中的项option:
document.getElementById("selectId").options.add(new Option(text,value)); 

方式二：
//删除被选中的项
objSelect.options[Index] = null ;

//增加项
objSelect.options[Index] = new Option( " 你好 " , " hello " );

//修改所选择中的项
objSelect.options[Index] = new Option( " 你好 " , " hello " );

//得到所选择项的文本
objSelect.options[Index].text;

//得到所选择项的值
objSelect.options[Index].value;