碼上快樂

相關內容    簡體    繁體

如何動態增加下拉框列表，下拉框里的內容從js數組里得來？

本文轉載自   查看原文   2012-08-28 15:02   3647    javascript

很抱歉，我沒測一下，動態增加下拉框的內容按照我第一個寫法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>  


免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。



猜您在找 iview列表中添加下拉框 JS下拉框動態選擇 JS下拉框年月 JS封裝的下拉框 動態加載下拉框列表並添加onclick事件 動態獲取數據庫內容並賦值給下拉框 Table表中添加下拉框 React 下拉框 MFC下拉框 Layui的下拉框
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM