jquery 省市级联

yezisnow 发布于 2012/07/24 17:37
阅读 2K+
收藏 0

jquery实现省市级联,但无法再编辑时根据原有数据显示在下拉框中

我用的省市县市存放在jquery中,获取相关数据也是jquery获取,页面这是页面代码:

<head runat="server">
    <title>编辑建材公司</title>
    <link href="img/main.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="../js/jquery132min.js"></script>
    <script type="text/javascript" src="../js/vanadium.js"></script>
    <script src="../js/code.js" type="text/javascript"></script>
    <script src="../js/jquery.provincesCity.js" type="text/javascript"></script>
    <script src="../js/provincesdata.js" type="text/javascript"></script>
  <script type="text/javascript">
 $(function(){
  $("#dz").ProvinceCity();
  $("#btnsave").click(function(){
    if($("#hfsf").val()==null || $("#hfsf").val()=="" || $.trim($("#hfsf").val())!="请选择")
       $("#hfsf").val($("#sf").val());
  
    if($("#hfcs").val()!=null || $("#hfcs").val()!="" || $.trim($("#hfcs").val())!="请选择")
          $("#hfcs").val($("#cs").val());
      
       if($("#hfxz").val()!=null || $("#hfxz").val()!="" || $.trim($("#hfxz").val())!="请选择")
          $("#hfxz").val($("#xz").val());
      
  });
 });
  </script>
</head>
<body style="overflow:auto; *+overflow:hidden; height:auto">
    <form id="form1" runat="server">
<ul>
<li><span>地址区域:</span><div id="dz" style="float:left;"></div><asp:HiddenField ID="hfsf" runat="server" /><asp:HiddenField ID="hfcs" runat="server" /><asp:HiddenField ID="hfxz" runat="server" /></li>
<li><span>&nbsp;</span><b><asp:Button ID="btnsave" runat="server" Text="   保  存    " OnClick="btnsave_Click" style="width:100px; text-align:center"/></b></li>
</ul>
这是页面后台获取隐藏域的代码:
 modeljcgs.provinid = hfsf.Value.Trim();//服务省
                modeljcgs.cityid = hfcs.Value.Trim();//服务区
                modeljcgs.countid = hfxz.Value.Trim();//服务县
 if (hfsf.Value == "请选择" || hfcs.Value == "请选择" || hfxz.Value == "请选择")
                    {
                        Common.MessageBox.Show(this.Page, "地址区域没有设置!");
                        return;
                    }
                    else
                    {

//修改对象信息的相关操作在此简略

}

请问应该如何实现呢????

加载中
0
sxgkwei
sxgkwei

这个回显问题我以前做过,具体代码我就不看你写的了。说说我以前做的时候的思路吧。现在假设已经拿到了地址:a省 b市 c县。等页面加载完了,选择省份的那个一定已经可以选了吧,所有先把 a省 赋值上去,接下来js大概是这样的:

hfsfSelect.onchang();

setTimeout(function(){

//赋值 b市

hfcs.onchang();

setTimeout(function(){

//赋值 c县

},5);

},5);

原理其实就是等待触发onchang事件,这个事件一般都会把下一级选择应该选择的值提供出来,完了在去给它赋值,依次推下去。

 

0
0xTang
0xTang
我的代码分享中又demo
返回顶部
顶部