Home > Web Front-end > JS Tutorial > Javascript calls XML to create a linked drop-down list box_JavaScript

Javascript calls XML to create a linked drop-down list box_JavaScript

WBOY
Release: 2016-05-16 19:29:03
Original
1082 people have browsed it

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



List










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

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

HTML 文件如下:



在HTML中调用XML数据



类型

子类


account.xml 如下:



 
  Not Available
 

 
  www.7say.com
  www.xj139.com
  www.xjzxsy.com
 

 
  www.sina.com
  www.sohu.com
 

 
  www.blueidea.com
 

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template