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里的dialog对话框插件为框架页(iframe) 的方法
Sep 14 Javascript
javascript重复绑定事件造成的后果说明
Mar 02 Javascript
关于jQuery新的事件绑定机制on()的使用技巧
Apr 26 Javascript
简单的两种Extjs formpanel加载数据的方式
Nov 09 Javascript
jquery垂直公告滚动实现代码
Dec 08 Javascript
jQuery的ready方法详解
Nov 27 Javascript
Javascript核心读书有感之表达式和运算符
Feb 11 Javascript
JavaScript基础知识及常用方法总结
Jan 10 Javascript
jQuery设置聚焦并使光标位置在文字最后的实现方法
Aug 02 Javascript
javascript常用经典算法详解
Jan 11 Javascript
浅谈vue 单文件探索
Sep 05 Javascript
微信小程序向Java后台传输参数的方法实现
Dec 10 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中使用json数据格式定义字面量对象的方法
2014/08/20 PHP
PHP+swoole实现简单多人在线聊天群发
2016/01/19 PHP
Thinkphp框架开发移动端接口(1)
2016/08/18 PHP
CentOS 上搭建 PHP7 开发测试环境
2017/02/26 PHP
php实现银联商务公众号+服务窗支付的示例代码
2019/10/12 PHP
菜鸟javascript基础资料整理3 正则
2010/12/06 Javascript
jquery.post用法示例代码
2014/01/03 Javascript
JS/Jquery判断对象为空的方法
2015/06/11 Javascript
javascript图片预加载完整实例
2015/12/10 Javascript
json格式数据的添加,删除及排序方法
2016/01/21 Javascript
浅析js的模块化编写 require.js
2016/12/07 Javascript
简单实现jquery焦点图
2016/12/12 Javascript
如何正确理解javascript的模块化
2017/03/02 Javascript
老生常谈js中0到底是 true 还是 false
2017/03/08 Javascript
微信小程序实现锚点定位楼层跳跃的实例
2017/05/18 Javascript
使用pm2自动化部署node项目的方法步骤
2019/01/28 Javascript
layui之数据表格--与后台交互获取数据的方法
2019/09/29 Javascript
python数据结构之二叉树的遍历实例
2014/04/29 Python
python编程开发之类型转换convert实例分析
2015/11/13 Python
Python使用LDAP做用户认证的方法
2019/06/20 Python
Python迭代器iterator生成器generator使用解析
2019/10/24 Python
Django对接支付宝实现支付宝充值金币功能示例
2019/12/17 Python
Pytorch在dataloader类中设置shuffle的随机数种子方式
2020/01/14 Python
如何通过python实现IOU计算代码实例
2020/11/02 Python
用html5的canvas画布绘制贝塞尔曲线完整代码
2013/08/14 HTML / CSS
台湾家适得:Homeget
2019/02/11 全球购物
中科方德软件测试面试题
2016/04/21 面试题
任课老师推荐信范文
2013/11/24 职场文书
《鸟岛》教学反思
2014/04/26 职场文书
材料专业大学毕业生自荐书
2014/07/02 职场文书
高中生旷课检讨书
2014/10/08 职场文书
2014年德育工作总结
2014/11/20 职场文书
美丽的大脚观后感
2015/06/03 职场文书
暑期辅导班宣传单
2015/07/14 职场文书
导游词之神仙居景区
2019/11/15 职场文书
Ruby处理YAML和json数据
2022/04/18 Ruby