select动态添加options操作

最新推荐文章于 2023-11-30 20:21:41 发布

nliuliu

最新推荐文章于 2023-11-30 20:21:41 发布

阅读量965

点赞数

CC 4.0 BY-SA版权

分类专栏： web相关文章标签： IE Firefox

本文链接：https://blog.youkuaiyun.com/nliuliu/article/details/83426070

web相关专栏收录该内容

35 篇文章

订阅专栏

本文介绍如何使用JavaScript动态地添加、删除及选择HTML中Select元素的选项。内容涵盖动态添加、删除全部选项或特定选项的方法，并提供了如何根据指定值选中选项的示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<select id="ddlResourceType" onchange="getvalue(this)">
</select >

    动态删除select 中的所有options：
       document.getElementById("ddlResourceType").options.length=0;

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

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

     上面在IE和FireFox都可行，用标准的DOM操作也可以，就是document.createElement，appendChild，removeChild之类的。

获得值：
        obj.options[obj.selectedIndex].value

获取文本：
        obj.options[obj.selectedIndex].text

清空opton：obj.options.length=0;

根据给定的值，选中：

for(var i = 0; i<obj.length; i++){
       if(obj.options[i].value == value){
        obj.options[i].selected = 'selected';
       }
      }