将数组中的数据添加到下拉列表中option()
2012-12-03 11:34
330 查看
在开发动态网站中,可以将一些固定不变的数据存储在数组中,然后将数组中的数据显示到下拉列表中以供用户选择,这样可以加快程序运行的速度,方便用户浏览网页。以下实例,单击下拉列表的控制按钮,将显示出该下拉列表中的全部选项。
(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)。
(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)。
相关文章推荐
- 将数组中的数据添加到下拉列表中
- 使用JavaScript以,号分割文本框内容为数组并添加到下拉列表
- NET WinForm程序中给DataGridView表头添加下拉列表实现数据过滤【转载】
- select 下拉列表(添加,删除option对象)
- 使用JS,如何给下拉列表动态的添加一个option 选项?
- ArrayList(数组列表)与ArrayList之间数据的添加与删除操作
- html页面下拉列表中动态添加后台数据(格式化数据,显示出数据的层次感)
- 动态定时给下拉列表添加数据
- 关于js动态向下拉列表中添加数据
- 【转】【PB】动态添加数据窗口列中下拉列表的内容
- Ajax动态为下拉列表添加数据的实现方法
- 【PB】动态添加数据窗口列中下拉列表的内容
- 动态定时给下拉列表添加数据
- spinner下拉列表数据的添加
- .NET WinForm程序中给DataGridView表头添加下拉列表实现数据过滤
- JavaScript取数组数据动态生成下拉列表
- C# 程序中如何向(DEV)ComboBoxEdit控件中添加下拉列表的值不使用数据绑定,就是使用代码添加
- 动态给select下拉列表添加选项option
- C#向数组列表中添加数据,以及判断数组中是否包含某元素
- Ajax动态为下拉列表添加数据