在開發動態網站中,可以將一些固定不變的數據存儲在數組中,然后將數組中的數據顯示到下拉列表中以供用戶選擇,這樣可以加快程序運行的速度,方便用戶瀏覽網頁。以下實例,單擊下拉列表的控制按鈕,將顯示出該下拉列表中的全部選項。
(1)在javascript中,首先定義一個數組,並為數組賦值,然后自定義一個javascript函數,將數組中的數據添加到表單的下拉列表中,代碼如下:
<script type="text/javascript">
var counts;
counts=0;
arr = new Array("JavaScript與ASP","JavaScript與JSP","JavaScript與ASP.NET","JavaScript與PHP");
counts=arr.length;
function Myselect(){
var i;
for (i=0;i < counts; i++) {
document.form1.sel.options[i] = new Option(arr[i],i);
}
}
</script>
(2)在<select>標記的onFocus事件中調用自定義函數Myselect(),代碼如下:
<select name="sel" id="sel" onFocus="Myselect()"></select>
本實例中主要應用了javascript的構造函數Array()和Option()。
(1)使用構造函數Array()和運算符new可以創建Array數組對象,並且可以使用多種方式創建數組。
(2)使用構造函數Option()可以動態地創建Option對象,語法為:new Option(text,value,defaultSelected,selected)。