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 相关文章推荐
FireFox与IE 下js兼容触发click事件的代码
Nov 20 Javascript
jQuery 淡入淡出 png图在ie8下有黑色边框的解决方法
Mar 05 Javascript
使用js Math.random()函数生成n到m间的随机数字
Oct 09 Javascript
D3.js 从P元素的创建开始(显示可加载数据)
Oct 30 Javascript
jQuery实现只允许输入数字和小数点的方法
Mar 02 Javascript
js判断数组key是否存在(不用循环)的简单实例
Aug 03 Javascript
js实现刷新页面后回到记录时滚动条的位置【两种方案可选】
Dec 12 Javascript
BootStrap selectpicker后台动态绑定数据
Jun 01 Javascript
JS运动特效之同时运动实现方法分析
Jan 24 Javascript
微信小程序自定义组件之可清除的input组件
Jul 17 Javascript
layui的table中显示图片方法
Aug 17 Javascript
echarts多条折线图动态分层的实现方法
May 24 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作为Shell脚本语言使用
2006/10/09 PHP
那些年一起学习的PHP(三)
2012/03/22 PHP
php生成二维码的几种方式整理及使用实例
2013/06/03 PHP
PHP清除字符串中所有无用标签的方法
2014/12/01 PHP
微信红包随机生成算法php版
2016/07/21 PHP
PHP简单判断手机设备的方法
2016/08/23 PHP
php利用header函数下载各种文件
2016/08/24 PHP
基于PHPexecl类生成复杂的报表表头示例
2016/10/14 PHP
PHP实现微信红包金额拆分试玩的算法示例
2018/04/07 PHP
php实现数字补零的方法总结
2018/09/12 PHP
JS/FLASH实现复制代码到剪贴板(兼容所有浏览器)
2013/05/27 Javascript
JS实现鼠标单击与双击事件共存
2014/03/08 Javascript
js通过location.search来获取页面传来的参数
2014/09/11 Javascript
javascript实现自动填写表单实例简析
2015/12/02 Javascript
JavaScript下的时间格式处理函数Date.prototype.format
2016/01/27 Javascript
为什么JavaScript没有块级作用域
2016/05/22 Javascript
使用jQuery的ajax方法向服务器发出get和post请求的方法
2017/01/13 Javascript
JS基于面向对象实现的多个倒计时器功能示例
2017/02/28 Javascript
微信小程序 动态绑定事件并实现事件修改样式
2017/04/13 Javascript
axios携带cookie配置详解(axios+koa)
2018/12/28 Javascript
Python函数参数类型*、**的区别
2015/04/11 Python
详解Python文本操作相关模块
2017/06/22 Python
Python3编程实现获取阿里云ECS实例及监控的方法
2017/08/18 Python
Python http接口自动化测试框架实现方法示例
2018/12/06 Python
python远程连接MySQL数据库
2019/04/19 Python
django ModelForm修改显示缩略图 imagefield类型的实例
2019/07/28 Python
python+selenium select下拉选择框定位处理方法
2019/08/24 Python
介绍一下MD5加密算法
2016/11/12 面试题
成人大专生实习期的自我评价
2013/10/02 职场文书
电子商务专业毕业生求职信
2014/06/12 职场文书
2014年群众路线党员自我评议
2014/09/24 职场文书
新店开张宣传语
2015/07/13 职场文书
新郎新娘致辞
2015/07/31 职场文书
2015年教师节广播稿
2015/08/19 职场文书
商务英语邮件开头问候语
2015/11/10 职场文书
在pycharm中无法import所安装的库解决方案
2021/05/31 Python