当前位置:天才代写 > tutorial > 其他教程 > javascript调用XML制作连动下拉框

javascript调用XML制作连动下拉框

2018-05-23 08:00 星期三 所属: 其他教程 浏览:496

恍惚恍惚又来到了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

javascript调用XML制作连动下拉框

 

 

 

 

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

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

 

 

    关键字:

天才代写-代写联系方式