javascript 调用XML制作连动下拉框

作者: 何耀
Thursday, June 5 2003 2:44 PM
 

传统的HTML页面中连动下拉框采用了两种方法:
1)直接将下拉框中的内容hardcode于html的javascript中,调用javascript函数循环写入下拉框中。这种方法不适用于下拉框内容经常改变的情况。因为数据源和javascript程序写死在同一页面。



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.希望有读者能给指正。

你可能感兴趣的:(javascript 调用XML制作连动下拉框)