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