Javascript调用XML制作连动下拉框
时间:2007-09-17 12:55:00
传统的HTML页面中连动下拉框采用了两种方法:
1)直接将下拉框中的内容hardcode于html的javascript中,调用javascript函数循环写入下拉框中。这种方法不适用于下拉框内容经常改变的情况。因为数据源和javascript程序写死在同一页面。
<html>
<head>
<title>List</title>
<meta http-equiv="Content-Type" content="text/html; c
harset=gb2312">
<script LANGUAGE="javascript">
<!--
var onecount;
onecount=0;
subcat = new Array();
subcat[0] = new Array("徐汇区","01","001");
subcat[1] = new Array("嘉定区","01","002");
subcat[2] = new Array("黄浦区","01","003");
subcat[3] = new Array("南昌市","02","004");
subcat[4] = new Array("九江市","02","005");
subcat[5] = new Array("上饶市","02","006");
onecount=6;
function changelocation(locationid)
{
document.myform.smalllocation.length = 0;
var locationid=locationid;
var i;
document.myform.smalllocation.options[0] = new Option(’====所有地区====’,’’);
for (i=0;i <onecount; i++)
{
if (subcat[i][1] == locationid)
{
document.myform.smalllocation.options[document.myform.smalllocation.length]
= new Option(subcat[i][0], subcat[i][2]);
}
}
}
//-->
</script>
</head>
<body>
<form method="post">
<select
onChange="changelocation(document.myform.biglocation.options[document.myform.biglocation.selectedIndex].value)">
<option value="01" selected>上海</option>
<option value="02">江西</option>
</select>
<select >
<option selected value="">==所有地区==</option>
</select>
</form>
<script LANGUAGE="javascript">
<!--
changelocation(document.myform.biglocation.options[document.myform.biglocation.selectedIndex].value);
//-->
</script>
</body>
</html>
2)javascript 直接读取数据库,取数据库中的记录写入javascript中,然后和第一种方法一样,调用javascript函数循环写入下拉框中。此方法将数据源与javascript分开,但,公开数据库的连接,从安全角度说,没有多少实用价值。
我的方法是将下拉框中的数据放在XML文件中,用javascript读XML文件,取得下拉框中的内容。
标签:xml,下拉框,连动下拉框
0
投稿
猜你喜欢
ORACLE 10g 安装教程[图文]
2009-05-24 19:12:00
通用分页存储过程
2007-11-28 13:08:00
将以用户为中心的设计嵌入产品设计和开发流程
2009-08-11 14:27:00
javascript双击自动滚屏单击停止
2008-10-13 13:05:00
FCKeditor技巧之在按钮旁边加文字
2007-10-10 13:17:00
30个最常用css选择器解析
2011-06-16 20:36:37
如何前后翻阅聊友们的发言?
2010-01-18 20:49:00
asp实现页面延迟运行的两个简单方法
2007-10-16 13:49:00
你是真正的用户体验设计者吗? Ⅵ
2008-04-19 18:23:00
使用FORFILES命令来删除SQLServer备份的批处理
2012-05-08 06:47:06
Asp定时执行操作、各种网页定时操作详解
2008-06-10 17:32:00
CSS文字排版终极指南
2010-01-19 10:30:00
sqlserver 中时间为空的处理小结
2011-11-03 17:16:17
网页栅格系统研究:蛋糕的切法
2008-10-24 17:07:00
全面理解javascript的caller,callee,call,apply概念
2007-12-02 17:44:00
用CSS定义 li 样式
2007-09-28 20:56:00
提高MYSQL查询效率的三个有效的尝试
2009-02-27 16:08:00
纯CSS制作的网页中的lightbox效果
2007-11-06 18:59:00
JavaScript 获取事件对象的一个注意点
2009-07-24 11:49:00
Web页脚设计的版权格式规范
2009-07-22 20:52:00