js操纵dom生成下拉列表框的方法


Posted in Javascript onFebruary 24, 2014
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>利用dom生成下拉列表框</title> </head> 
<body onload="setFun()"> 
<form> 
<select name="area" id="area"> 
<option value="0">没有地区</option> 
</select> 
</form> 
<script language="javascript"> 
function setFun(){ 
var id = new Array(1,2,3); 
var value = new Array("贵州","重庆","四川"); 
var select = document.getElementById("area"); 
select.length = 1;//设置只能选择一个 
select.options[0].selected = true;//设置默认选中第一个 
for(var x = 0;x<id.length;x++){ 
var option = document.createElement("option"); 
option.setAttribute("value",id[x]);//设置option属性值 
option.appendChild(document.createTextNode(value[x])); 
select.appendChild(option);//向select增加option 
} 
} 
</script> 
</body> 
</html>
Javascript 相关文章推荐
Jquery升级新版本后选择器的语法问题
Jun 02 Javascript
JavaScript 事件系统
Jul 22 Javascript
jQuery建立一个按字母顺序排列的友好页面索引(兼容IE6/7/8)
Feb 26 Javascript
在Node.js应用中读写Redis数据库的简单方法
Jun 30 Javascript
基于JavaScript如何实现ajax调用后台定义的方法
Dec 29 Javascript
AngularJS 服务详细讲解及示例代码
Aug 17 Javascript
Bootstrap Table 删除和批量删除
Sep 22 Javascript
vue router动态路由下让每个子路由都是独立组件的解决方案
Apr 24 Javascript
使用Easyui实现查询条件的后端传递并自动刷新表格的两种方法
Sep 09 Javascript
JS中自定义事件的使用与触发操作实例分析
Nov 01 Javascript
JavaScript算法学习之冒泡排序和选择排序
Nov 02 Javascript
在vant 中使用cell组件 定义图标该图片和位置操作
Nov 02 Javascript
js设置function参数默认值(适合没有传参情况)
Feb 24 #Javascript
JS取request值以及自动执行使用示例
Feb 24 #Javascript
减少访问DOM的次数提升javascript性能
Feb 24 #Javascript
createTextRange()的使用示例含文本框选中部分文字内容
Feb 24 #Javascript
JavaScript 实现鼠标拖动元素实例代码
Feb 24 #Javascript
对table和ul实现js分页示例分享
Feb 24 #Javascript
jquery.post用法之type设置问题
Feb 24 #Javascript
You might like
全国FM电台频率大全 - 16 河南省
2020/03/11 无线电
php下清空字符串中的HTML标签的代码
2010/09/06 PHP
php urlencode()与urldecode()函数字符编码原理详解
2011/12/06 PHP
PHP中call_user_func_array()函数的用法演示
2012/02/05 PHP
PHP中source #N问题的解决方法
2014/01/27 PHP
ThinkPHP访问不存在的模块跳转到404页面的方法
2014/06/19 PHP
再Docker中架设完整的WordPress站点全攻略
2015/07/29 PHP
PHP MYSQL实现登陆和模糊查询两大功能
2016/02/05 PHP
在php7中MongoDB实现模糊查询的方法详解
2017/05/03 PHP
php 读写json文件及修改json的方法
2018/03/07 PHP
PHP基于rabbitmq操作类的生产者和消费者功能示例
2018/06/16 PHP
基于jquery的修改当前TAB显示标题的代码
2010/12/11 Javascript
JavaScript程序员应该知道的45个实用技巧
2014/03/04 Javascript
js过滤HTML标签完整实例
2015/11/26 Javascript
js闭包引起的事件注册问题介绍
2016/03/29 Javascript
React组件之间的通信的实例代码
2017/06/27 Javascript
Node.js 的模块知识汇总
2017/08/16 Javascript
使用淘宝镜像cnpm安装Vue.js的图文教程
2018/05/17 Javascript
node跨域转发 express+http-proxy-middleware的使用
2018/05/31 Javascript
Angular中使用ng-zorro图标库部分图标不能正常显示问题
2019/04/22 Javascript
node.js域名解析实现方法详解
2019/11/05 Javascript
详解JavaScript编程中的window与window.screen对象
2015/10/26 Python
Python中的错误和异常处理简单操作示例【try-except用法】
2017/07/25 Python
Python实现的HMacMD5加密算法示例
2018/04/03 Python
python2 中 unicode 和 str 之间的转换及与python3 str 的区别
2019/07/25 Python
Django stark组件使用及原理详解
2019/08/22 Python
python 对任意数据和曲线进行拟合并求出函数表达式的三种解决方案
2020/02/18 Python
Python selenium爬虫实现定时任务过程解析
2020/06/08 Python
Python如何爬取51cto数据并存入MySQL
2020/08/25 Python
平面设计师工作职责范文
2013/12/03 职场文书
国际商务专业求职信
2014/07/15 职场文书
学生吸烟检讨书
2014/09/14 职场文书
有子女的离婚协议书怎么写(范本)
2014/09/29 职场文书
2015年小学教导处工作总结
2015/05/26 职场文书
银行客户经理培训心得体会
2016/01/09 职场文书
Django如何与Ajax交互
2021/04/29 Python