用js实现生成大量select控件选项的方法
2009-06-21 18:48
465 查看
此方法以前在msdn中看到的，非常高效
<div id="divUpdate"> </div>
<SCRIPT LANGUAGE="JavaScript">
var arr = new Array(1000);
for (var i=0; i<1000; i++)
{
arr[i] = "<OPTION>第 " + i + " 项</OPTION>";
}
divUpdate.innerHTML = "<Select ID='selUpdate'>" + arr.join() + "</Select>";
</SCRIPT>
以前都是在服务端用asp脚本生成，现在看来确实笨拙：
<select>
<%
for i=1 to 1000
response.write("<option value=i>第"&i&"页</option>")
next
%>
</select>
<div id="divUpdate"> </div>
<SCRIPT LANGUAGE="JavaScript">
var arr = new Array(1000);
for (var i=0; i<1000; i++)
{
arr[i] = "<OPTION>第 " + i + " 项</OPTION>";
}
divUpdate.innerHTML = "<Select ID='selUpdate'>" + arr.join() + "</Select>";
</SCRIPT>
以前都是在服务端用asp脚本生成，现在看来确实笨拙：
<select>
<%
for i=1 to 1000
response.write("<option value=i>第"&i&"页</option>")
next
%>
</select>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 用js+jsp实现在同一个下拉列表中，动态生成多级select选项
- js动态生成form 并用ajax方式提交的实现方法
- js页面(页面上无服务端控件，且页面不刷新)实现请求一般处理程序下载文件方法
- js实现Select下拉框具有输入功能的方法
- js操作select控件方法（新增、修改、删除、选中、清空、判断存在等）
- Ajax回调函数不执行、js实现跳转页面并传递值、java生成ID方法、jQ给input赋值
- JS添加或修改控件的样式(Class)实现方法
- js操作select控件的几种方法
- AngularJS select设置默认值的实现方法
- js+CSS实现模拟华丽的select控件下拉菜单效果
- js+CSS实现模拟华丽的select控件下拉菜单效果
- js jquery获取随机生成id的服务器控件的三种方法
- js实现多选项切换导航菜单的方法
- 使用select循环打印菜单选项的多种实现方法
- C#实现后台大量运算并刷新控件的方法
- js操作select控件方法（新增、修改、删除、选中、清空、判断存在等）
- js按条件生成随机json:randomjson实现方法
- JS实现无刷新联动菜单（select）的方法
- JavaScript 实现命名空间（namespace）的最佳方案——兼容主流的定义类（class）的方法，兼容所有浏览器，支持用JSDuck生成文档
- JS实现无刷新联动菜单（select）的方法