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 相关文章推荐
lib.utf.js
Aug 21 Javascript
关于IE浏览器以及Firefox下的javascript冒泡事件的响应层级
Oct 14 Javascript
php+js实现倒计时功能
Jun 02 Javascript
JavaScript数据结构和算法之二叉树详解
Feb 11 Javascript
js闭包所用的场合以及优缺点分析
Jun 22 Javascript
JS 中LocalStorage和SessionStorage的使用
Aug 17 Javascript
JS中Attr的用法详解
Oct 09 Javascript
纯JavaScript实现实时反馈系统时间
Oct 26 Javascript
JS基于设计模式中的单例模式(Singleton)实现封装对数据增删改查功能
Feb 06 Javascript
ES6 Object方法扩展的应用实例分析
Jun 25 Javascript
Vue 利用指令实现禁止反复发送请求的两种方法
Sep 15 Javascript
jquery实现鼠标悬浮弹出气泡提示框
Dec 23 jQuery
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开发环境配置记录
2011/01/14 PHP
PHP将二维数组某一个字段相同的数组合并起来的方法
2016/02/26 PHP
Yii+MYSQL锁表防止并发情况下重复数据的方法
2016/07/14 PHP
PHP小白必须要知道的php基础知识(超实用)
2017/10/10 PHP
use jscript List Installed Software
2007/06/11 Javascript
关于document.cookie的使用javascript
2008/04/11 Javascript
基于PHP+Jquery制作的可编辑的表格的代码
2011/04/10 Javascript
document.getElementById获取控件对象为空的解决方法
2013/11/20 Javascript
JS实现一个按钮的方法
2015/02/05 Javascript
jquery插件pagination实现无刷新ajax分页
2015/09/30 Javascript
jQuery动态添加及删除表单上传元素的方法(附demo源码下载)
2016/01/15 Javascript
JavaScript学习笔记之数组求和方法
2016/03/23 Javascript
利用jQuery.Validate异步验证用户名是否存在(推荐)
2016/12/09 Javascript
javascript事件的绑定基础实例讲解(34)
2017/02/14 Javascript
浅谈Webpack 持久化缓存实践
2018/03/22 Javascript
详解Axios 如何取消已发送的请求
2018/10/20 Javascript
vue 验证码界面实现点击后标灰并设置div按钮不可点击状态
2019/10/28 Javascript
微信小程序纯文本实现@功能
2020/04/08 Javascript
[49:07]VGJ.T vs Optic Supermajor小组赛D组 BO3 第二场 6.3
2018/06/04 DOTA
Python提示[Errno 32]Broken pipe导致线程crash错误解决方法
2014/11/19 Python
使用Python脚本来获取Cisco设备信息的示例
2015/05/04 Python
Python线性方程组求解运算示例
2018/01/17 Python
Python多线程扫描端口代码示例
2018/02/09 Python
几种实用的pythonic语法实例代码
2018/02/24 Python
Python 3.6 读取并操作文件内容的实例
2018/04/23 Python
一款纯css3实现的颜色渐变按钮的代码教程
2014/11/12 HTML / CSS
伦敦剧院门票:London Theatre Direct
2018/11/21 全球购物
北欧最好的童装网上商店:Babyshop
2019/09/15 全球购物
美国高端牛仔品牌:Silver Jeans
2019/12/12 全球购物
广州一家公司的.NET面试题
2016/06/11 面试题
学校联谊活动方案
2014/02/15 职场文书
医学生求职自荐书
2014/06/12 职场文书
精神病医院见习报告
2014/11/03 职场文书
2014员工聘用协议书(最新版)
2014/11/24 职场文书
民事纠纷协议书
2016/03/23 职场文书
MySQL的prepare使用以及遇到的bug
2022/05/11 MySQL