• JS技巧:JS对select动态添加options操作[IE&FireFox兼容]


    <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);//获取文本
         }

  • 相关阅读:
    SSM整合
    SpringMVC学习笔记
    Spring笔记
    Spring之AOP在XML中的配置方法
    Spring之AOP的注解配置
    Mybatis学习笔记
    css学习笔记
    DOM技术
    Javascript学习笔记
    Hive导出复杂数据到csv文件
  • 原文地址:https://www.cnblogs.com/luhaiyan/p/2046621.html
Copyright © 2020-2023  润新知