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 相关文章推荐
屏蔽鼠标右键、Ctrl+n、shift+F10、F5刷新、退格键 的javascript代码
Apr 01 Javascript
JavaScript学习笔记(二) js对象
Oct 25 Javascript
js中数组Array的一些常用方法总结
Aug 12 Javascript
node.js中的fs.writeFile方法使用说明
Dec 14 Javascript
Angular.js回顾ng-app和ng-model使用技巧
Apr 26 Javascript
Vue.js每天必学之过滤器与自定义过滤器
Sep 07 Javascript
javascript淘宝主图放大镜功能
Oct 20 Javascript
浅析JavaScript中作用域和作用域链
Dec 06 Javascript
jquery+ajax实现省市区三级联动 (封装和不封装两种方式)
May 15 jQuery
JS如何实现在页面上快速定位(锚点跳转问题)
Aug 14 Javascript
利用Blob进行文件上传的完整步骤
Aug 02 Javascript
VUE递归树形实现多级列表
Jul 15 Vue.js
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
首页四格,首页五格For6.0(GBK)(UTF-8)[12种组合][9-18][版主安装测试通过]
2007/09/24 PHP
php动态生成JavaScript代码
2009/03/09 PHP
PHP面向对象——访问修饰符介绍
2012/11/08 PHP
php项目中类的自动加载实例讲解
2019/09/12 PHP
一个JavaScript继承的实现
2006/10/24 Javascript
MC Dialog js弹出层 完美兼容多浏览器(5.6更新)
2010/05/06 Javascript
理解Javascript_03_javascript全局观
2010/10/11 Javascript
解决火狐浏览器下JS setTimeout函数不兼容失效不执行的方法
2012/11/14 Javascript
cument.execCommand()用法深入理解
2012/12/04 Javascript
JQuery中的html()、text()、val()区别示例介绍
2014/09/01 Javascript
javascript去除字符串左右两端的空格
2015/02/05 Javascript
JavaScript性能优化之小知识总结
2015/11/20 Javascript
JavaScript的字符串方法汇总
2016/07/31 Javascript
jQuery中值得注意的trigger方法浅析
2016/12/12 Javascript
JS实现简单的天数计算器完整实例
2017/04/28 Javascript
Vue实现左右菜单联动实现代码
2018/08/12 Javascript
深入浅出vue图片路径的实现
2019/09/04 Javascript
微信小程序实现锚点功能
2019/11/20 Javascript
Python下线程之间的共享和释放示例
2015/05/04 Python
Python中处理字符串的相关的len()方法的使用简介
2015/05/19 Python
对Python中DataFrame选择某列值为XX的行实例详解
2019/01/29 Python
Python代码实现删除一个list里面重复元素的方法
2019/04/02 Python
python使用百度文字识别功能方法详解
2019/07/23 Python
对python中url参数编码与解码的实例详解
2019/07/25 Python
python经典趣味24点游戏程序设计
2019/07/26 Python
利用pyshp包给shapefile文件添加字段的实例
2019/12/06 Python
用Python绘制漫步图实例讲解
2020/02/26 Python
Tensorflow tf.nn.depthwise_conv2d如何实现深度卷积的
2020/04/20 Python
欧洲、亚洲、非洲和拉丁美洲的度假套餐:Great Value Vacations
2019/03/30 全球购物
如何让Java程序执行效率更高
2014/06/25 面试题
文员自我评价怎么写
2013/09/19 职场文书
小学竞选班长演讲稿
2014/09/09 职场文书
工程部主管岗位职责
2015/02/12 职场文书
家长意见和建议怎么写
2015/06/04 职场文书
创业计划书之o2o水果店
2019/08/30 职场文书
致男子1500米运动员的广播稿
2019/11/08 职场文书