javascript为下拉列表框动态添加数据方法
2017-02-23 14:52
567 查看
html页面中要有：
<select name="playground" id="playground">
</select>
然后在javascript中：
var initData = function()
{
var cbbYear = document.getElementById("playground");
for (var i = 1990; i < 2014; i++) {
//方法1
var opt = document.createElement("option");
opt.innerHTML = i;
cbbYear.appendChild(opt);
//方法2
// var opt = new Option(i, i);
// cbbYear.options.add(opt);
}
}
<select name="playground" id="playground">
</select>
然后在javascript中：
var initData = function()
{
var cbbYear = document.getElementById("playground");
for (var i = 1990; i < 2014; i++) {
//方法1
var opt = document.createElement("option");
opt.innerHTML = i;
cbbYear.appendChild(opt);
//方法2
// var opt = new Option(i, i);
// cbbYear.options.add(opt);
}
}
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- JavaScript实现下拉列表框数据增加、删除、上下排序的方法
- 使用mobile jQuery 动态给select下拉添加数据，选中项默认不显示的解决方法。
- 动态添加HTML标记中下拉列表框的处理方法
- JavaScript实现下拉列表框数据增加、删除、上下排序的方法
- javascript 用克隆的方法动态添加表格行
- GridView 数据绑定扩展-- 动态添加数据列，绑定方法
- javascript动态添加删除表格数据管理
- ASP之处理用Javascript动态添加的表单元素数据的代码
- extjs 中关于列表框(multiselect)的动态添加列表项的方法
- javascript(js)动态添加省、市、区下拉框菜单
- javascript动态添加事件方法详解 || Javascript attachEvent传递参数的办法
- 下拉列表框，动态添加删除OPTION
- 本人改编的“javascript动态添加表格数据行,ASP后台数据库保存例子”
- javascript 动态添加参数后再执行的方法
- Javascript 动态添加&删除列表框内容
- javascript动态添加表格数据行,ASP后台数据库保存例子
- javascript动态添加事件方法详解--http://www.itjishu.com/200902/128.html
- asp.net 动态添加JavaScript方法
- extjs 列表框(multiselect)的动态添加列表项的方法
- javascript(js)动态添加省、市、区下拉框菜单