编程 Javascript

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>

js操纵dom生成下拉列表框的方法

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

javascript之卸载鼠标事件的代码

May 14 Javascript

锋利的jQuery 要点归纳（一） jQuery选择器

Mar 21 Javascript

Jquery知识点二 jquery下对数组的操作

Jan 15 Javascript

JavaScript限定复选框的选择个数示例代码

Aug 25 Javascript

JavaScript中number转换成string介绍

Dec 31 Javascript

JS实现的通用表单验证插件完整实例

Aug 20 Javascript

js弹出对话框方式小结

Nov 17 Javascript

JavaScript中的闭包

Feb 24 Javascript

让你一句话理解闭包(简单易懂)

Jun 03 Javascript

vue-cli3+typescript初体验小结

Feb 28 Javascript

微信小程序实现图片压缩

Dec 03 Javascript

一行JavaScript代码如何实现瀑布流布局

Dec 11 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