当前位置: 网学 > 编程文档 > JSP > 正文

JS对select动态添加options操作方法

来源:Http://myeducs.cn 联系QQ:点击这里给我发消息 作者: 用户投稿 来源: 网络 发布时间: 12/10/17
下载{$ArticleTitle}原创论文样式
<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之类的。 

取值方面
    function getvalue(obj)
     {
         var m=obj.options[obj.selectedIndex].value
         alert(m);//获取value
         var n=obj.options[obj.selectedIndex].text
         alert(n);//获取文本
     }
  • 上一篇资讯: 查询结果的显示问题
  • 网学推荐

    免费论文

    原创论文

    浏览:
    设为首页 | 加入收藏 | 论文首页 | 论文专题 | 设计下载 | 网学软件 | 论文模板 | 论文资源 | 程序设计 | 关于网学 | 站内搜索 | 网学留言 | 友情链接 | 资料中心
    版权所有 QQ:3710167 邮箱:3710167@qq.com 网学网 [Myeducs.cn] 您电脑的分辨率是 像素
    Copyright 2008-2015 myeducs.Cn www.myeducs.Cn All Rights Reserved
    湘ICP备09003080号