MVC 联动 dropdowlist

前台:

@using (Html.BeginForm("AddressPost", "Address", FormMethod.Post, new { name = "frmAddressMgr", id = "frmAddressMgr" }))
{
<div>
  收货地址   您已创建?个收货地址,最多可创建5个
  <div>
    <!--列表区-->
  </div>
  <div>
    <!--添加修改区-->
      添加收货地址
      <hr/>
      <table>
          <tr>
              <td>收货人:</td><td>@Html.TextBox("Receiver", Model.Receiver, new { @class="validate[required]"})<font color="red">*</font></td>
          </tr>
          <tr>
              <td>地区:</td><td>@Html.DropDownList("provincesDDlItems")<font color="red">*</font> <select id="ddlCity" /></td>
          </tr>
          <tr>
              <td>详细地址:</td><td>@Html.TextBox("DetailAddress",Model.DetailAddress,new { @class="validate[required]"})<font color="red">*</font></td>
          </tr>
          <tr>
              <td>手机:</td><td>@Html.TextBox("Phone",Model.Phone)</td> <td>座机:</td><td>@Html.TextBox("LandLineAreaCode",Model.LandLineAreaCode)</td><td>-</td><td>@Html.TextBox("LandLine",Model.LandLine)手机和座机至少填写一个</td>
          </tr>
           <tr>
              <td>电子邮箱:</td><td>@Html.TextBox("DetailAddress",Model.DetailAddress,new { @class="validate[required,custom[email]]"})<font color="red">*</font>用于接收订单状态信息</td>
          </tr>
      </table>
      <div>
          <input type="button" id="btnAdd" value="添加这个地址" />
      </div>
  </div>
</div>
 <script type="text/javascript">
        $(function () {
            $("#frmAddressMgr").validationEngine();
         

            $("#btnAdd").click(function () {
                $('#frmAddressMgr').submit();
            });
        });

        $("#provincesDDlItems").change(function () {          
            var provinceSelected = $("#provincesDDlItems").val();          
            $("#ddlCity").get(0).options.length = 0;
            //$.post("/Address/GetCitys/" + provinceSelected, { 'province': provinceSelected }, function (data) {
            //    alert("getJson!");
            //    $.each(data, function (i, item) {
            //        $("<option></option>").val(item["CityID"]).text(item["CityName"]).appendTo($("#provincesDDlItems"));
            //    });
            //});  (以后千万不要用这种方式,这种方式永远看不到错误信息!)

            $.ajax({
                type: 'POST',
                url: '/Address/GetCitys/' + provinceSelected,
                data : { 'provinceId': provinceSelected },
                success: function (data) {
                    debugger;
                    $.each(data, function (i, item) {
                        $("<option></option>").val(item["CityID"]).text(item["CityName"]).appendTo($("#ddlCity"));
                    });
                },
                error: function (data) {                   
                    alert(data.responseText);
                }

            });

        });

    


 </script>
}


后台代码:

 public ActionResult GetCitys() {
            if (Request.IsAjaxRequest())
            {
                IList<Hashtable> citysList = this.userAddressBO.GetCitys<Hashtable>(int.Parse(Request.Form["provinceId"]));
                return Json(citysList);
            }
            else {
                return View("");
            }
        }

错误场景 public ActionResult GetCitys(int provinceId)

一个参数,导致前台ajax提交 没有任何反应! 以后一定要多加一个error回调监测,才是专业的表现。


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值