javascript调用XML制作连动下拉框

作者：课课家来源： http://www.kokojia.com/点击数：655发布时间： 2015-11-02 10:52:54

恍惚恍惚又来到了C语言培训文章的学习，想必大家又有很多问题吧!

c语言程序设计教程传统的HTML页面中连动下拉框采用了两种方法：
1）直接将下拉框中的内容hardcode于html的script中，调用函数循环写入下拉框中。c语言编程入门这种方法不适用于下拉框内容经常改变的情况。因为数据源和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]);

List

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

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

在HTML中调用XML数据

account.xml 如下：

Not Available

dangdang1
dangdang2
dangdang3
dangdang4
dangdang5
dangdang6

zhuce_user1
zhuce_user2

tongxun

此方法将数据源与javascript程序分开，适合经常变化的数据源。xmlDoc.load中可以直接调用URL参数,读取远程XML，实现松耦合。以上应用在IE6.0中通过。不足之处是在去除下拉框列表内容时需要
重复执行删除操作，否则会有明显的bug.希望有读者能给指正。