传统的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 name="myform" method="post">
<select name="biglocation"
onChange="changelocation(document.myform.biglocation.options[document.myform.biglocation.selectedIndex].value)">
<option value="01" selected>上海</option>
<option value="02">江西</option>
</select>
<select name="smalllocation">
<option selected value="">==所有地区==</option>
</select>
</form>
<script LANGUAGE="javascript">

</script>
</body>
</html>

2）javascript 直接读取数据库，取数据库中的记录写入javascript中，然后和第一种方法一样，调用javascript函数循环写入下拉框中。此方法将数据源与javascript分开，但,公开数据库的连接，从安全角度说，没有多少实用价值。

我的方法是将下拉框中的数据放在XML文件中，用javascript读XML文件，取得下拉框中的内容。

HTML 文件如下：

<html>
<head>
<script language="JavaScript" for="window" event="onload">
var xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
var i=0;
var j=0;
var subclass_name="";
loadXML();
function loadXML(){
xmlDoc.async="false";
xmlDoc.load("account.xml");
xmlObj=xmlDoc.documentElement;
nodes = xmlDoc.documentElement.childNodes;

[1] [2] [3] 下一页

上一篇:关于学习ASP和编程的28个观点

下一篇:使用xmlhttp为网站增加域名查询功能

Javascript 调用XML制作连动下拉框相关文章：

·教你如何制作QQ空间FLASH导航条

·水晶图片制作方法

·教你制作批处理文件

·Photoshop十余种漂亮照片边框简单制作技巧

·Photoshop制作三维钢铁字效果

·javascript 常用代码大全

·Helix流媒体服务器架设及RMVB制作教程

·coreldraw制作公章

·Flash如何制作灯光效果

·制作全自动Windows XP 64位安装光盘(1)

Javascript 调用XML制作连动下拉框相关软件：

·暗黑破坏神 2：毁灭之王 1.10S极品属性装备制作器

·家常菜制作集锦(1)

·多种dos启动盘制作全攻略

·灵豚课件制作工具——课件精灵v1.0 beta

·启动光盘制作完全手册（菜鸟先飞图文教材系列）

·Photoshop数码照片制作宝典

·卡丽来相片VCD制作系统 2003

·家常菜制作集锦(2)

·零起点教你如何破解软件和制作注册机 and 视频+程序

·动态网页制作视频教程_方成32讲 asf

特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员，我们尽快予以更正。
[打印本页] [关闭窗口] 转载请注明来源：http://www.viphot.com

	\| 帮助(？) \| 版权声明 \| 友情连接 \| 关于我们 \| 信息发布
Copyright 2007 www.viphot.com All Rights Reserved.	鄂ICP备05000083号Powered by:viphot