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 相关文章推荐
JavaScript实现复制功能各浏览器支持情况实测
Jul 18 Javascript
Jquery easyUI 更新行示例
Mar 06 Javascript
JavaScript变量的作用域全解析
Aug 14 Javascript
基于javascript实现图片懒加载
Jan 05 Javascript
Vue.js每天必学之过滤器与自定义过滤器
Sep 07 Javascript
微信小程序实现流程进度的图样式功能
Jan 16 Javascript
Vue 中使用 CSS Modules优雅方法
Apr 09 Javascript
JS实现监控微信小程序的原理
Jun 15 Javascript
浅析java线程中断的办法
Jul 29 Javascript
javascript设计模式 ? 工厂模式原理与应用实例分析
Apr 09 Javascript
react 原生实现头像滚动播放的示例
Apr 21 Javascript
详解js创建对象的几种方式和对象方法
Mar 01 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/11/12 PHP
SESSION存放在数据库用法实例
2015/08/08 PHP
yii2使用ajax返回json的实现方法
2016/05/14 PHP
Laravel实现ApiToken认证请求
2019/10/14 PHP
写js时遇到的一些小问题
2010/12/06 Javascript
JQuery-tableDnD 拖拽的基本使用介绍
2013/07/04 Javascript
JS计算网页停留时间代码
2014/04/28 Javascript
jQuery里filter()函数与find()函数用法分析
2015/06/24 Javascript
AngularJs学习第八篇 过滤器filter创建
2016/06/08 Javascript
footer定位页面底部(代码分享)
2017/03/07 Javascript
AngularJS之页面跳转Route实例代码
2017/03/10 Javascript
AngularJS实现的根据数量与单价计算总价功能示例
2017/12/26 Javascript
jquery实现左右轮播切换效果
2018/01/01 jQuery
JavaScript实现的简单Tab点击切换功能示例
2018/07/06 Javascript
vue.js+element-ui动态配置菜单的实例
2018/09/07 Javascript
js实现一个简易计算器
2020/03/30 Javascript
javascript实现的图片预览和上传功能示例【兼容IE 9】
2020/05/01 Javascript
Vue管理系统前端之组件拆分封装详解
2020/08/23 Javascript
JS中队列和双端队列实现及应用详解
2020/09/29 Javascript
JS实现页面侧边栏效果探究
2021/01/08 Javascript
使用Python的Flask框架构建大型Web应用程序的结构示例
2016/06/04 Python
pandas apply 函数 实现多进程的示例讲解
2018/04/20 Python
不管你的Python报什么错,用这个模块就能正常运行
2018/09/14 Python
python实现微信自动回复及批量添加好友功能
2019/07/03 Python
浅析NumPy 切片和索引
2020/09/02 Python
Python+MySQL随机试卷及答案生成程序的示例代码
2021/02/01 Python
python的scipy.stats模块中正态分布常用函数总结
2021/02/19 Python
ivx平台开发之不用代码实现一个九宫格抽奖功能
2021/01/27 HTML / CSS
澳大利亚排名第一的儿童在线玩具商店:Toy Galaxy
2018/10/06 全球购物
匡威意大利官方商店 :Converse意大利
2018/11/27 全球购物
Tessabit美国:集世界奢侈品和设计师品牌的意大利精品买手店
2020/06/29 全球购物
校园活动策划书范文
2014/01/10 职场文书
三问三解心得体会
2014/09/05 职场文书
2016年全国爱眼日宣传教育活动总结
2016/04/05 职场文书
2019年员工旷工保证书!
2019/06/28 职场文书
python实现的人脸识别打卡系统
2021/05/08 Python