教學

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

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

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

<script type="text/javascript" src="script/prototype.js"></script>
<script>
	function showOptions(){
		var someNodeList = $('lstEmployees').getElementsByTagName('option');
		//用$()取得物件,再利用getElementsByTagName,取得option標籤物件
		var nodes = $A(someNodeList);
		//用$A取得陣列後傳給nodes變數     
		nodes.each(function(node){//把內容印出來囉...
				alert(node.nodeName + ': ' + node.innerHTML);
			});
	}
</script>

</head>
<body>
<select id="lstEmployees" size="10" >
	<option value="5">Buchanan, Steven</option>
	<option value="8">Callahan, Laura</option>
	<option value="1">Davolio, Nancy</option>
</select>

<input type="button" value="Show the options" onclick="showOptions();" >