首頁 > Html,Js,Ajax相關, Prototype教學, 程式設計 > 大頭恩之prototype.js學習手記(04)

大頭恩之prototype.js學習手記(04)

2008年4月23日 imusm 發表評論 閱讀評論

連發3篇..進度應該有趕上吧!

這篇介紹的是$A()
A..作者應該是用來表示陣列的意思吧
所以它可以用來取像select box這樣有多個值的物件
請看範例說明

下载: ex04.php
  1. <script type="text/javascript" src="script/prototype.js"></script>
  2. <script>
  3.     function showOptions(){
  4.         var someNodeList = $('lstEmployees').getElementsByTagName('option');
  5.         //用$()取得物件,再利用getElementsByTagName,取得option標籤物件
  6.         var nodes = $A(someNodeList);
  7.         //用$A取得陣列後傳給nodes變數    
  8.         nodes.each(function(node){//把內容印出來囉...
  9.                 alert(node.nodeName + ': ' + node.innerHTML);
  10.             });
  11.     }
  12. </script>
  13.  
  14. </head>
  15. <body>
  16. <select id="lstEmployees" size="10" >
  17.     <option value="5">Buchanan, Steven</option>
  18.     <option value="8">Callahan, Laura</option>
  19.     <option value="1">Davolio, Nancy</option>
  20. </select>
  21.  
  22. <input type="button" value="Show the options" onclick="showOptions();" >
  23. </body>

Popularity: 35% [?]

  • Share/Bookmark

相關文章

Categories: Html,Js,Ajax相關, Prototype教學, 程式設計 Tags: , , ,
  1. andy
    2009年1月11日14:22 | #1
    回覆 | 引用

    最近也在學prototype
    很多不懂的都在這裡搞懂了
    期待更多的prototype文章

  1. 目前尚無任何 trackbacks 和 pingbacks。