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 EasyUI API 中文文档 - Tree树使用介绍
Nov 19 Javascript
关于图片的预加载过程中隐藏未知的
Dec 19 Javascript
详解javascript中原始数据类型Null和Undefined
Dec 17 Javascript
javascript中使用未定义变量或值的情况分析
Jul 19 Javascript
数据结构中的各种排序方法小结(JS实现)
Jul 23 Javascript
两行代码轻松搞定JavaScript日期验证
Aug 03 Javascript
react路由配置方式详解
Aug 07 Javascript
vue+vuex+axios+echarts画一个动态更新的中国地图的方法
Dec 19 Javascript
vue路由前进后退动画效果的实现代码
Dec 10 Javascript
Vue的全局过滤器和私有过滤器的实现
Apr 20 Javascript
Javascript执行上下文顺序的深入讲解
Nov 04 Javascript
JS高级程序设计之class继承重点详解
Jul 07 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
php学习 函数 课件
2008/06/15 PHP
PHP的Yii框架中行为的定义与绑定方法讲解
2016/03/18 PHP
浅析php如何实现App常用的秒发功能
2016/08/03 PHP
CI(CodeIgniter)框架实现图片上传的方法
2017/03/24 PHP
Laravel如何实现适合Api的异常处理响应格式
2020/06/14 PHP
使用新的消息弹出框blackbirdjs
2008/10/16 Javascript
jquery 查找select ,并触发事件的实现代码
2011/03/30 Javascript
分享20款好玩的jQuery游戏
2011/04/17 Javascript
密码强度检测效果实现原理与代码
2013/01/04 Javascript
在服务端(Page.Write)调用自定义的JS方法详解
2013/08/09 Javascript
对于Form表单reset方法的新认识
2014/03/05 Javascript
jquery 新建的元素事件绑定问题解决方案
2014/06/12 Javascript
JavaScript面向对象的实现方法小结
2015/04/14 Javascript
点击页面任何位置隐藏div的实现方法
2016/09/05 Javascript
详解Jquery Easyui的验证扩展
2017/01/09 Javascript
JS实现简单的天数计算器完整实例
2017/04/28 Javascript
js实现canvas图片与img图片的相互转换的示例
2017/08/31 Javascript
JavaScript中关于class的调用方法
2017/11/28 Javascript
JavaScript数组排序reverse()和sort()方法详解
2017/12/24 Javascript
node.js 基于cheerio的爬虫工具的实现(需要登录权限的爬虫工具)
2019/04/10 Javascript
vue 解除鼠标的监听事件的方法
2019/11/13 Javascript
JS脚本实现定时到网站上签到/签退功能
2020/04/22 Javascript
解决vue动态路由异步加载import组件,加载不到module的问题
2020/07/26 Javascript
[02:47]DOTA2英雄基础教程 野性怒吼兽王
2013/12/05 DOTA
[13:39]2014 DOTA2华西杯精英邀请赛 5 25 NewBee VS DK第一场
2014/05/26 DOTA
[47:45]DOTA2-DPC中国联赛 正赛 Phoenix vs Dragon BO3 第一场 2月26日
2021/03/11 DOTA
pymongo实现多结果进行多列排序的方法
2015/05/16 Python
python 猴子补丁(monkey patch)
2019/06/26 Python
详解python uiautomator2 watcher的使用方法
2019/09/09 Python
python argparse模块通过后台传递参数实例
2020/04/20 Python
维也纳通行证:Vienna PASS
2019/07/18 全球购物
单位介绍信范文
2014/01/18 职场文书
高三毕业典礼演讲稿
2014/05/13 职场文书
2016高考寄语或鼓励的话语
2015/12/04 职场文书
OpenCV-Python实现图像平滑处理操作
2021/06/08 Python
关于JS中的作用域中的问题思考分享
2022/04/06 Javascript