将数组中的数据添加到下拉列表中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）。