无刷新dropdownlist并进行关联(js+xml)
作者:小春 来源:zc's blogs 时间:2007-09-23 12:13:00
asp.net的dropdownlist控件为我们的web应用提供了许多用处,但有一点我总感觉不爽的就是在使用dropdownlist的事件是总要要将数据返回到服务端执行(也就是要刷新页面),比如:
二个dropdownlist控件并进行关联。更改dropdownlist1值时同时更新dropdownlist2的内容.
下面是数据库(xml)
<?xml version="1.0" encoding="gb2312"?>
<!-- 拍摄的器材 -->
<imagechina>
<brand id="1" brandname="Can佳能">
<name>Eos IDS</name>
<name>D5</name>
</brand>
<brand id="2" brandname="三星">
<name>F65</name>
<name>F65</name>
</brand>
</imagechina>
HTML代码
<body onLoad="ChooseState()" leftmargin="0" topmargin="0">
<asp:DropDownList onchange="ChooseBrand()" id="brand_id" runat="server"></asp:DropDownList>
<asp:DropDownList id="model_id" runat="server"></asp:DropDownList>
<script language="JavaScript">
<!--
function ChooseState()
{
var source;
var sourceName = "brand.xml";
var source = new ActiveXObject(’Microsoft.XMLDOM’);
source.async = false;
source.load(sourceName);
root = source.documentElement;
sortField=root.selectNodes("//@brandname");
for(var i=0;i<sortField.length;++i)
{
var oOption = document.createElement(’OPTION’);
oOption.text = " "+sortField[i].text+" ";
oOption.value = sortField[i].text;
NewOpus.brand_id.options.add(oOption);
}
ChooseCity();
}
function ChooseBrand()()
{
x=NewOpus.brand_id.selectedIndex;
y=NewOpus.brand_id.options[x].value;
sortField=root.selectNodes("//brand[@brandname=’"+y+"’]/name");
for(var i=NewOpus.model_id.options.length-1;i>=0;--i)
{
NewOpus.model_id.options.remove(i)
}
for(var i=0;i<sortField.length;++i)
{
var oOption = document.createElement(’OPTION’);
oOption.text = " "+sortField[i].text+" ";
oOption.value = sortField[i].text;
NewOpus.model_id.options.add(oOption);
}
}
//-->
</script>
标签:dropdownlist,无刷新
![](/images/zang.png)
![](/images/jiucuo.png)
猜你喜欢
javascript 45种缓动效果(一)
2009-09-19 18:30:00
信息分类是为了更好的索引
2010-02-04 17:51:00
正确理解SQL Server四类数据仓库建模方法
2008-12-23 15:20:00
超长文章的智能分页-支持HTML
2008-03-20 13:21:00
如何在SQL Server中由原子建立分子查询
2009-01-20 16:01:00
详解SQL Server中数据库快照工作原理
2009-01-21 14:18:00
几个SQL SERVER应用问题解答
2008-01-01 19:12:00
动态SQL中返回数值的实现代码
2012-01-05 18:53:54
ASP基础教程之学习ASP中子程序的应用
2008-10-16 10:53:00
可以随便改别人的网页的代码
2008-03-25 12:54:00
15个用户体验设计剖析
2010-05-11 16:43:00
![](https://img.aspxhome.com/file/UploadPic/20105/11/0901070-61s.jpg)
HTML5本地存储初探(二)
2010-03-07 15:47:00
![](https://img.aspxhome.com/file/UploadPic/20103/7/20100131-rmki9pjq85xy9nbt436gkdfb7i-94s.png)
最简洁的SQL多重查询的解决方案
2005-09-12 16:31:00
JavaScript正则表达式的简单应用:高亮显示
2008-07-20 12:46:00
Access的特点及其概念问答
2009-09-10 19:00:00
如何在ACCESS中插入超级链接?
2007-10-22 12:13:00
![](https://img.aspxhome.com/file/UploadPic/200710/22/2007102212225806s.gif)
Oracle关于时间/日期的操作
2009-02-26 10:37:00
如何获取SQL Server数据库元数据的方法
2009-01-19 14:00:00
asp 判断上传文件中是否存在危险代码
2011-03-17 11:19:00
显示/隐藏引出的CSS Bug
2010-10-20 20:13:00