javascript调用XML制作连动下拉框

    作者:课课家更新于: 2015-11-02 10:52:54

    大神带你学编程,欢迎选课
    恍惚恍惚又来到了C语言培训文章的学习,想必大家又有很多问题吧!

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

    以下是引用片段:
     
     
    List 

    harset=gb2312"> 
     

    // ]]>

     

     

     


    onChange="changelocation(document.myform.biglocation.options[document.myform.biglocation.selectedIndex].value)">
    上海
    江西




     

     

     


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

    了解更多相关资讯或视频教程内容知识欢迎进入课课家教育查询详情


     

课课家教育

未登录