网站建设资讯

NEWS

网站建设资讯

Javascript调用XML制作连动下拉框的方法

小编给大家分享一下Javascript调用XML制作连动下拉框的方法,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

成都创新互联自成立以来,一直致力于为企业提供从网站策划、网站设计、做网站、网站设计、电子商务、网站推广、网站优化到为企业提供个性化软件开发等基于互联网的全面整合营销服务。公司拥有丰富的网站建设和互联网应用系统开发管理经验、成熟的应用系统解决方案、优秀的网站开发工程师团队及专业的网站设计师团队。

传统的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制作连动下拉框的方法的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


名称栏目:Javascript调用XML制作连动下拉框的方法
文章网址:http://njwzjz.com/article/gpjgcd.html