zoukankan      html  css  js  c++  java

  • 如何动态增加下拉框列表，下拉框里的内容从js数组里得来？

    很抱歉，我没测一下，动态增加下拉框的内容按照我第一个写法IE没问题，firefox会出错。 
    改成这样都可以了。 

    这样就可以个下拉框添加内容，你只要遍历你的js数组加进去 

    Html代码  收藏代码
    1. <select id="Input"></select>     

    Js代码  收藏代码
    1. var   option   =   document.createElement("option");    
    2. option.text='11';    
    3. option.value='22'   ;    
    4. Input.add(option);    

     

    从js数组中得到：看例子 

    Html代码  收藏代码
    1. <html>  
    2. <head>  
    3. </head>  
    4. <body>  
    5. <select id="collect" onclick="fun()"></setect>  
    6. <option>AAA</option>  
    7. <option>BBB</option>  
    8. <script type="text/javascript">  
    9. var tom=['CCC','DDD']  
    10. var collect=document.getElementById("collect")  
    11.     var old=collect.innerHTML  
    12.     var fun =function(){  
    13.       
    14.     var niw=" "  
    15.     for(var i=0;i<tom.length;i++){  
    16.         niw+='<option>'+tom[i]+'</option>';  
    17.     }  
    18.     collect.innerHTML=old+niw  
    19.       
    20. }  
    21. </script>  
    22. </body>  
    23. </html>  
  • 相关阅读:
    oo第二次总结
    oo第一次总结
    OO最后一次博客儿
    OO作业总结第三弹
    OO作业总结第二弹
    初学面向对象
    hi🎈
    散列函数及其应用
    结对项目作业
    构建之法第四，第十四章读书有感 （另补第十七章）
  • 原文地址：https://www.cnblogs.com/duanxz/p/2660251.html
Copyright © 2011-2022 走看看