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

Html,Js,Ajax相關, Prototype教學, 程式設計 四月 23rd, 2008

連發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>

Tags , , ,
Author imusm   Comment RSS Comment RSS

« 大頭恩Prototype.js學習手記(03)
Zoundry Raven離線Blog編輯軟體 »

Leave a Comment

blank