用三个DropDownList实现省、市、区县联动查询，为什么最后一个会反应迟钝？

downdown_halin 2009-08-31 05:23:22

业务流程：

选择省的时候，自动列出该省所有的市（同时在区列表中，自动列出市表中默认值的市所覆盖的区县），再选则该省下某一个市，则在区县表里自动列出该市所包含的区县；

设计流程：

如题，用三个DropDownList连接三个数据源，分别连接sql数据库里的省、市、区三个表，用ControlParameter传递省ID、市ID，再启用三个数据源的AutoPostBack

运行效果：

看似正常，默认显示安徽省、安庆市、安庆市(由于有些地址不确认，在所有区县表里增加了所属城市的选项，直辖市还会在城市表里增加省级表中的项，比如：省-北京市,市-北京市，区县-北京市)

但是发现最后区县列表有些迟钝，比如

1.默认为-安徽省、安庆市、安庆市
2.再选择贵州省，则会变成-贵州省，安顺市，安庆市，--也就是说最后一列没有随着前面的城市信息改变而改变
3.但是在城市表里选择贵阳市，区县表却又能跟着变成白云区，莫名其超啊？

不知各位大侠有办法没？小弟这厢有礼了.

...全文

246 11 打赏收藏转发到动态举报

写回复

用AI写文章

11 条回复

切换为时间正序

请发表友善的回复…

发表回复

downdown_halin 2009-09-01

打赏
举报

楼上牛人啊，不过说出来你们也许不信，这些信息需要经常变动，大概每个月都会变几个，也不知道是我们的信息陈旧，还是国家总在调整，所以只能用数据库，感谢各位

AccessManager 2009-08-31

打赏
举报

<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>
<SCRIPT LANGUAGE = JavaScript>

var s=["s1","s2"];
var opt0 = ["请选择","请选择"];
function setup()
{
for(i=0;i<s.length-1;i++)
document.getElementById(s[i]).onchange=new Function("change("+(i+1)+")");
change(0);
}
//##联动菜单结束-->
</SCRIPT>

调用：<select name="lz_sf" id="s1">
<option></option></select>
<select name="lz_sx" id="s2">
<option></option></select>
<script language="javascript">
setup()
</script>

总有刁民想害朕_2017 2009-08-31

打赏
举报

用XML 来读取好了

AccessManager 2009-08-31

打赏
举报

我认为都是死的东西，直接用js来做就行了，不刷新，也不存在什么ajax

直接把台湾省加上，基本上千年不变啦，我前两天看到一个autocomplete，是基于jquery的，
一个js文件，配上一个文本做数据源，实现的autocomplete效果比微软的ajax速度快很多，

我觉得用js弄个这个也应该是非常好的选择，不过偶对js也不熟悉，

期待高手给出现成的js，嘿嘿...

PSSonyXbox 2009-08-31

打赏
举报

上面的发错了

cooolchen 2009-08-31

打赏
举报

很明显。程序写得有问题。

至少最后一个DropDownList用不着AutoPostBack

wszhoho 2009-08-31

打赏
举报

这种联动，只能用ajax来做。

wszhoho 2009-08-31

打赏
举报

这种联动，只能用ajax来做。

cooolchen 2009-08-31

打赏
举报

很明显。程序写得有问题。

至少最后一个DropDownList用不着AutoPostBack

PSSonyXbox 2009-08-31

打赏
举报



var imgName;



function CheckUserName()

{

    var userName = $get("txtUserName").value; //$get("txtUserName")其实是document.getElementById("txtUserName")

    imgName = "checkusername";

    $get(imgName).innerHTML = "<img src=\"images/loading.gif\"alt=\"\"/>";

    

    PageMethods.IsUserNameExist(userName,ShowResult);    

}



function CheckPassword()

{

    var pass1 = $get("txtPass").value;

    imgName = "checkpassword";

    $get(imgName).innerHTML = "<img src=\"images/loading.gif\"alt=\"\"/>";

    

    PageMethods.IsPasswordAccess(pass1,ShowResult);    

}



function CheckTwoPassword()

{

    var pass1 = $get("txtPass").value;

    var pass2 = $get("txtPassConfirm").value;

    imgName = "checkpassword2";

    $get(imgName).innerHTML = "<img src=\"images/loading.gif\"alt=\"\"/>";

    

    PageMethods.IsPasswordAlike(pass1,pass2,ShowResult);    

}



function ShowResult(res)

{

    if(res == "Access")

        $get(imgName).innerHTML = "<img src=\"images/check_right.gif\"alt=\"\"/>";

    else

        $get(imgName).innerHTML = "<img src=\"images/check_error.gif\"alt=\"\"/>" + res;

}