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>  
  • 相关阅读:
    PHP获取汉字拼音首字母
    记录，待总结5
    HDU2833 WuKong Floyd
    搜索
    记录，待总结4
    HDU3350 #define is unsafe 栈的应用
    指针与引用的混合使用总结
    多源最短路径 Floyd
    引用总结
    函数返回值总结
  • 原文地址：https://www.cnblogs.com/duanxz/p/2660251.html
Copyright © 2011-2022 走看看