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 相关文章推荐
url地址自动加#号问题说明
Aug 21 Javascript
JS小功能(checkbox实现全选和全取消)实例代码
Nov 28 Javascript
如何从jQuery的ajax请求中删除X-Requested-With
Dec 11 Javascript
js单独获取一个checkbox看其是否被选中
Sep 22 Javascript
node.js中的fs.createWriteStream方法使用说明
Dec 17 Javascript
javascript 闭包详解
Feb 15 Javascript
PHP抓取HTTPS内容和错误处理的方法
Sep 30 Javascript
微信小程序 后台https域名绑定和免费的https证书申请详解
Nov 10 Javascript
Bootstrap轮播图的使用和理解4
Dec 14 Javascript
redux中间件之redux-thunk的具体使用
Apr 17 Javascript
微信小程序实现团购或秒杀批量倒计时
Nov 01 Javascript
JS+canvas五子棋人机对战实现步骤详解
Jun 04 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中对xml读取的相关函数的介绍一
2008/06/05 PHP
浅谈apache和nginx的rewrite的区别
2013/02/22 PHP
php使用qr生成二维码的示例分享
2014/01/20 PHP
PHP自定义多进制的方法
2016/11/03 PHP
phpinfo()中Loaded Configuration File(none)的解决方法
2017/01/16 PHP
JavaScript DOM 添加事件
2009/02/14 Javascript
js event事件的传递与冒泡处理
2009/12/06 Javascript
Javascript实现Web颜色值转换
2015/02/05 Javascript
Javascript 正则表达式实现为数字添加千位分隔符
2015/03/10 Javascript
百度地图给map添加右键菜单(判断是否为marker)
2016/03/04 Javascript
Node.JS更改Windows注册表Regedit的方法小结
2017/08/18 Javascript
讲解vue-router之什么是编程式路由
2018/05/28 Javascript
bootstrap模态框弹出和隐藏,动态改变中间内容的实例
2018/08/10 Javascript
vue 对象添加或删除成员时无法实时更新的解决方法
2019/05/01 Javascript
详解vue项目中实现图片裁剪功能
2019/06/07 Javascript
小程序调用微信支付的方法
2019/09/26 Javascript
[04:56]经典回顾:前Ehome 与 前LGD
2015/02/26 DOTA
[43:41]OG vs Newbee 2019国际邀请赛淘汰赛 胜者组 BO3 第一场 8.21.mp4
2020/07/19 DOTA
Python中的作用域规则详解
2015/01/30 Python
python输入整条数据分割存入数组的方法
2018/11/13 Python
python实现QQ批量登录功能
2019/06/19 Python
K最近邻算法(KNN)---sklearn+python实现方式
2020/02/24 Python
Python爬虫程序架构和运行流程原理解析
2020/03/09 Python
浅谈Python中threading join和setDaemon用法及区别说明
2020/05/02 Python
Django中日期时间型字段进行年月日时分秒分组统计
2020/11/27 Python
python中实现栈的三种方法
2020/12/19 Python
全球最大的网上自行车商店:Chain Reaction Cycles
2016/12/02 全球购物
业务助理岗位职责
2013/11/18 职场文书
网上快餐厅创业计划书
2014/02/01 职场文书
违纪检讨书2000字
2014/02/08 职场文书
《小儿垂钓》教学反思
2014/02/23 职场文书
红色故事演讲稿
2014/05/22 职场文书
大学课外活动总结
2014/07/09 职场文书
小学五一劳动节活动总结
2015/02/09 职场文书
《学会看病》教学反思
2016/02/17 职场文书
pytorch 预训练模型读取修改相关参数的填坑问题
2021/06/05 Python