Javascript调用XML制作连动下拉列表框_JavaScript_脚本之家

守旧的HTML页面中连动下拉框选用了二种情势:1)直接将下拉框中的内容hardcode于html的javascript中,调用javascript函数循环写入下拉框中。这种办法不适用于下拉框内容平日转移的情景。因为数据源和javascript程序写死在同意气风发页面。

历史观的HTML页面中连动下拉框接受了三种方法:
1)间接将下拉框中的内容hardcode于html的javascript中,调用javascript函数循环写入下拉框中。这种格局不适用于下拉框内容平时转移的景况。因为数据源和javascript程序写死在同一页面。

List

<html>
<head>
<title>List</title>
<meta http-equiv=”Content-Type” content=”text/html; c
harset=gb2312″>
<script LANGUAGE=”javascript”>
<!–
var onecount;
onecount=0;

2)javascript
直接读取数据库,取数据库中的记录写入javascript中,然后和第黄金时代种方式生机勃勃致,调用javascript函数循环写入下拉框中。此方法将数据源与javascript分开,但,公开数据库的连天,从安全角度说,未有微微实用价值。

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″);

自家的章程是将下拉框中的数据放在XML文件中,用javascript读XML文件,得到下拉框中的内容。

onecount=6;

HTML 文件如下:

function changelocation(locationid)
{
document.myform.smalllocation.length = 0;

在HTML中调用XML数据

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]);
}
}

类型子类

}

account.xml 如下:

//–>
</script>
</head>
<body>
<form name=”myform” method=”post”>
<select name=”biglocation”
onChange=”changelocation(document.myform.biglocation.options[document.myform.biglocation.selectedIndex].value)”>
<option value=”01″ selected>上海</option>
<option value=”02″>江西</option>
</select>
<select name=”smalllocation”>
<option selected value=””>==全部地区==</option>
</select>
</form>
<script LANGUAGE=”javascript”>
<!–
changelocation(document.myform.biglocation.options[document.myform.biglocation.selectedIndex].value);
//–>
</script>
</body>
</html>

Not Available www.7say.com www.xj139.com www.xjzxsy.com www.sina.com
www.sohu.com www.blueidea.com

2)javascript
直接读取数据库,取数据库中的记录写入javascript中,然后和第风姿浪漫种办法后生可畏致,调用javascript函数循环写入下拉框中。此措施将数据源与javascript分开,但,公开数据库的连接,从安全角度说,未有稍稍实用价值。

笔者的情势是将下拉框中的数据放在XML文件中,用javascript读XML文件,获得下拉框中的内容。

发表评论

电子邮件地址不会被公开。 必填项已用*标注