无刷新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,无刷新
0
投稿猜你喜欢
php+html5基于websocket实现聊天室的方法
2023-11-15 06:58:58
MySQL中UNION与UNION ALL的基本使用方法
2024-01-25 21:34:03
python使用reportlab生成pdf实例
2022-09-13 09:36:42
JavaScript面试出现频繁的一些易错点整理
2024-06-09 01:29:34
Python cookbook(数据结构与算法)实现对不原生支持比较操作的对象排序算法示例
2021-08-14 18:38:06
php生成图片验证码的实例讲解
2023-09-11 21:36:29
在Pycharm中使用GitHub的方法步骤
2021-04-27 04:46:48
交互设计师应该具备哪些素质
2009-03-12 12:21:00
Javascript怎样使用SessionStorage和LocalStorage
2023-09-01 03:49:49
基于matplotlib中ion()和ioff()的使用详解
2021-11-23 17:54:27
Python实现小黑屋游戏的完整实例
2021-03-08 13:27:43
Python反转序列的方法实例分析
2021-10-30 11:13:07
Python编程实现双链表，栈，队列及二叉树的方法示例
2021-11-10 12:35:17
SQL Server 公用表表达式(CTE)实现递归的方法
2024-01-26 15:20:10
JavaScript解释型模版
2009-10-19 23:12:00
js获取指定字符前/后的字符串简单实例
2024-05-02 17:31:10
pyqt5蒙版遮罩mask,setmask的使用
2022-04-05 21:00:58
yolov5模型配置yaml文件详细讲解
2022-02-04 07:21:30
parser.add_argument中的action使用
2023-05-18 05:35:57
Go语言中的自定义类型你了解吗
2024-02-06 00:11:36