將數組中的數據添加到下拉列表中option()


在開發動態網站中,可以將一些固定不變的數據存儲在數組中,然后將數組中的數據顯示到下拉列表中以供用戶選擇,這樣可以加快程序運行的速度,方便用戶瀏覽網頁。以下實例,單擊下拉列表的控制按鈕,將顯示出該下拉列表中的全部選項。

(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)。


免責聲明!

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



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM