Javascript调用XML制作连动下拉框
发布时间：2007-09-17 12:55:00
标签：xml,下拉框,连动下拉框
传统的HTML页面中连动下拉框采用了两种方法：
1）直接将下拉框中的内容hardcode于html的javascript中，调用javascript函数循环写入下拉框中。这种方法不适用于下拉框内容经常改变的情况。因为数据源和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]);
}
}
}
//-->
</script>
</head>
<body>
<form method="post">
<select
onChange="changelocation(document.myform.biglocation.options[document.myform.biglocation.selectedIndex].value)">
<option value="01" selected>上海</option>
<option value="02">江西</option>
</select>
<select >
<option selected value="">==所有地区==</option>
</select>
</form>
<script LANGUAGE="javascript">
<!--
changelocation(document.myform.biglocation.options[document.myform.biglocation.selectedIndex].value);
//-->
</script>
</body>
</html>
2）javascript 直接读取数据库，取数据库中的记录写入javascript中，然后和第一种方法一样，调用javascript函数循环写入下拉框中。此方法将数据源与javascript分开，但,公开数据库的连接，从安全角度说，没有多少实用价值。
我的方法是将下拉框中的数据放在XML文件中，用javascript读XML文件，取得下拉框中的内容。
0
投稿猜你喜欢
- 下面这段代码，你知道有哪些错误吗：var g_bar = "bar";function foo(container, c
- 维护是什么，维护就是修改，不断的修改，但是要保证你的html和css有清晰的版本界定，有扩展性，不要因为做的太死而重新去做这个页面。一个赚钱
- 从百度百科中扣去的这个图片轮播代码，图片向左不间断滚动，有停顿：<!DOCTYPE html PUBLIC "-//W3C/
- MySQL的本地备份和双机相互备份脚本：首先，我们需要修改脚本进行必要的配置,然后以root用户执行。◆1. 第一执行远程备份时先用 fir
很久没有写文章，最近一直在忙于找工作和找房子。哎，现在终于安定下来了，哎，又叹息一下，是因为我把去淘宝面试的机会也推掉了，本来以为要卷铺盖回- 我认为多选列表具有完美的功能——只需按下Ctrl键，同时点击鼠标从列表中选择多个项目。以下是一个典型的多选列表框： 上面那个列表框
- 工作时需要取得MySQL中一个表的字段是否存在于是就使用Describe命令来判断mysql_connect(localhost, root
- 看看下面的w3 upload组件例子，很简单： upload.asp<html> <head>
- 1引言实现磁带备份数据的功能有两方面的困难：首先，SQL Server（以下简称SQL）所提供的数据库的整体备份及恢复功能不能直接满足本系统
- 用Dreamweaver制作网页时，如果插入的图片、GIF动画、声音、视频或链接的网页是用中文命名的，在用IE浏览器浏览时可能显示不出来。以
- 作者： Terrance译者：Sheneyan(子乌)时间：2010.2.6英文原文：13 Useful WordPress SQL Que
- 这几天有一台MySQL数据库服务器出现了频繁的掉线情况，通过排查，并没有排查出哪个网站被攻击，百思不得其解中的时候，群里有个朋友说是因为微软
- 由于不同的浏览器，比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等，对C
- 假如不使用INSTEAD OF触发器或可更新分区视图而是通过视图来修改数据，那么再修改之前，请考虑下列准则：◆如果在视图定义中使用了 WIT
- 代码如下:using System; using System.Data; using System.Configuration
- pinyinEngine ™v0.1JavaScript拼音搜索引擎应用场景：可对本地缓存数据进行拼音匹配，如SNS网站好友快速查找、地区匹
- 阅读上一章：Chapter 6 短语元素Chapter 7 锚点HTML中的链接,正确的说法应该称作"锚点",它不仅让我
- QueryCache(下面简称QC)是根据SQL语句来cache的。一个SQL查询如果以select开头，那么MySQL服务器将尝试对其使
- WEB标准化之前的互联网是TABLE布局的天下，但随着互联网的高速发展，TABLE布局已经不能满足千变万化的页面所来来的更新压力和服务器压力
- 请按步骤进行,未进行前面的步骤时,请不要做后面的步骤，以免损坏你的数据库.一般不建议做第4,6两步，第4步不安全,有可能损坏数据库或丢失数据
