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的树型插件(OrangeTree)使用介绍
May 03 Javascript
JavaScript声明变量时为什么要加var关键字
Sep 29 Javascript
浅谈JavaScript Array对象
Dec 29 Javascript
jQuery前端分页示例分享
Feb 10 Javascript
教你如何使用firebug调试功能了解javascript闭包和this
Mar 04 Javascript
JavaScript获取URL中参数querystring的方法详解
Oct 11 Javascript
原生JS封装animate运动框架的实例
Oct 12 Javascript
在 vue-cli v3.0 中使用 SCSS/SASS的方法
Jun 14 Javascript
vue组件间的参数传递实例详解
Apr 26 Javascript
小程序实现搜索框功能
Mar 26 Javascript
Vue 路由间跳转和新开窗口的方式(query、params)
Dec 25 Javascript
JavaScript实现密码强度实时验证
Mar 18 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使用反射插入对象示例分享
2014/03/11 PHP
PHP中mysql_field_type()函数用法
2014/11/24 PHP
php+mongodb判断坐标是否在指定多边形区域内的实例
2016/10/28 PHP
php+mysql+ajax 局部刷新点赞/取消点赞功能(每个账号只点赞一次)
2020/07/24 PHP
jquery上传插件fineuploader上传文件使用方法(jquery图片上传插件)
2013/12/05 Javascript
bootstrap学习使用(导航条、下拉菜单、轮播、栅格布局等)
2016/12/01 Javascript
原生JS和jQuery操作DOM对比总结
2017/01/19 Javascript
微信小程序商城项目之侧栏分类效果(1)
2017/04/17 Javascript
基于BootStrap的文本编辑器组件Summernote
2017/10/27 Javascript
关于JSON解析的实现过程解析
2019/10/08 Javascript
[01:41]DOTA2 2015国际邀请赛中国区预选赛第三日战报
2015/05/28 DOTA
python之yield表达式学习
2014/09/02 Python
python实现将内容分行输出
2015/11/05 Python
简单谈谈Python流程控制语句
2016/12/04 Python
利用Python中unittest实现简单的单元测试实例详解
2017/01/09 Python
python实现FTP服务器服务的方法
2017/04/11 Python
virtualenv实现多个版本Python共存
2017/08/21 Python
浅析python实现scrapy定时执行爬虫
2018/03/04 Python
Python(TensorFlow框架)实现手写数字识别系统的方法
2018/05/29 Python
pytorch 转换矩阵的维数位置方法
2018/12/08 Python
Python查找数组中数值和下标相等的元素示例【二分查找】
2019/02/13 Python
python的json中方法及jsonpath模块用法分析
2019/12/06 Python
执行Python程序时模块报错问题
2020/03/26 Python
关于python3.7安装matplotlib始终无法成功的问题的解决
2020/07/28 Python
python时间time模块处理大全
2020/10/25 Python
用CSS禁用输入法(CSS3 UI规范)实例解析
2012/12/04 HTML / CSS
CSS3 :not()选择器实现最后一行li去除某种css样式
2016/10/19 HTML / CSS
美国顶级品牌男士大码服装店:DXL
2017/08/30 全球购物
澳大利亚现代波西米亚风格女装网站:Bohemian Traders
2018/04/16 全球购物
极简鞋类,赤脚的感觉:Lems Shoes
2019/08/06 全球购物
离婚协议书范本(通用篇)
2014/11/30 职场文书
2014年财务工作总结与计划
2014/12/08 职场文书
高考升学宴答谢词
2015/01/20 职场文书
鸦片战争观后感
2015/06/09 职场文书
Java由浅入深通关抽象类与接口(下篇)
2022/04/26 Java/Android
Windows server 2012 R2 安装IIS服务器
2022/04/29 Servers