服务器控件绑定js脚本
请问怎样在DropDownList里绑定js脚本，并且实现联动的效果
比如，省更 市的联动
问题点数：50、回复次数：8Top
1 楼anheizhizi（目标:★★★★★）回复于 2005-12-21 09:03:35 得分 0
可以用XML做。 给我你的邮箱，我发一份给你Top
2 楼xtxk_917（小强）回复于 2005-12-21 09:05:23 得分 15
页面文件
<HTML>
<HEAD>
<title>WebForm1</title>
<meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
<meta content="C#" name="CODE_LANGUAGE">
<meta content="JavaScript" name="vs_defaultClientScript">
<meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema">
<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);
}
sdk();
}
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);
}
sdk();
}
function sdk() {
var x1=NewOpus.brand_id.selectedIndex;
var y1=NewOpus.brand_id.options[x1].value;
var x2=NewOpus.model_id.selectedIndex;
var y2=NewOpus.model_id.options[x2].value;
NewOpus.mid.value=y1+y2;
}
//-->
</script>
</HEAD>
<body leftMargin="0" topMargin="0" onload="ChooseState()">
<form id="NewOpus" method="post" runat="server">
<asp:dropdownlist id="brand_id" runat="server" onchange="ChooseBrand()"></asp:dropdownlist><asp:dropdownlist onchange="sdk()" id="model_id" runat="server">
<asp:ListItem Value="没有选项">没有选项</asp:ListItem>
</asp:dropdownlist><asp:button id="Button1" runat="server" Text="Button"></asp:button><asp:label id="Label1" runat="server">Label</asp:label><INPUT onclick="sdk()" type="button" value="Button">
<DIV id="sss" style="DISPLAY: inline; WIDTH: 70px; HEIGHT: 15px" ms_positioning="FlowLayout">Label</DIV>
<INPUT id="mid" name="mid" type="hidden" runat="server">
</form>
</body>
</HTML>
//后台文件
protected System.Web.UI.HtmlControls.HtmlInputHidden mid;
private void Button1_Click(object sender, System.EventArgs e)
{
Label1.Text=mid.Value;
}
brand.xml//XML文件
<?xml version="1.0" encoding="gb2312" ?>
<imagechina>
<brand id="1" brandname="国家">
<name>没有选项</name>
</brand>
<brand id="2" brandname="省">
<name>不限制省份</name>
<name>河南</name>
<name>河北</name>
<name>山西</name>
<name>内蒙古</name>
<name>辽宁</name>
<name>吉林</name>
<name>黑龙江</name>
<name>江苏</name>
<name>浙江</name>
<name>安徽</name>
<name>福建</name>
<name>山东</name>
<name>天津</name>
<name>湖北</name>
<name>广东</name>
<name>广西</name>
<name>四川</name>
<name>贵州</name>
<name>云南</name>
<name>西藏</name>
<name>陕西</name>
<name>甘肃</name>
<name>青海</name>
<name>江西</name>
<name>海南</name>
<name>湖南</name>
<name>宁夏</name>
<name>新疆</name>
<name>香港</name>
<name>台湾</name>
<name>澳门</name>
</brand>
<brand id="3" brandname="省教育厅">
<name>不限制省份</name>
<name>河南</name>
<name>河北</name>
<name>山西</name>
<name>内蒙古</name>
<name>辽宁</name>
<name>吉林</name>
<name>黑龙江</name>
<name>江苏</name>
<name>浙江</name>
<name>安徽</name>
<name>福建</name>
<name>山东</name>
<name>天津</name>
<name>湖北</name>
<name>广东</name>
<name>广西</name>
<name>四川</name>
<name>贵州</name>
<name>云南</name>
<name>西藏</name>
<name>陕西</name>
<name>甘肃</name>
<name>青海</name>
<name>江西</name>
<name>海南</name>
<name>湖南</name>
<name>宁夏</name>
<name>新疆</name>
<name>香港</name>
<name>台湾</name>
<name>澳门</name>
</brand>
<brand id="4" brandname="市">
<name>没有选项</name>
</brand>
</imagechina>
Top
3 楼anheizhizi（目标:★★★★★）回复于 2005-12-21 09:17:14 得分 20
楼上的方法里，还要加上 初始化和清空Top
4 楼czhy（）回复于 2005-12-21 10:01:20 得分 0
anheizhizi
wapasp@sina.com
给我发一份吧!Top
5 楼xczgb（TJJTDS）回复于 2005-12-21 10:06:44 得分 5
学习Top
6 楼renyu732（Sysinfo）回复于 2005-12-21 10:15:15 得分 10
http://singlepine.cnblogs.com/articles/265678.html
最佳选择，XMLHTTP实现Top
7 楼anheizhizi（目标:★★★★★）回复于 2005-12-21 10:33:35 得分 0
信已发Top
8 楼czhy（）回复于 2005-12-21 12:41:47 得分 0
谢谢
anheizhizi
Top
相关问题
关键词
得分解答快速导航
相关链接
广告也精彩
反馈
