如何在asp.net mvc中使用jQuery通过id获取部分视图输入字段值

时间:2017-11-05 05:19:25

标签: javascript jquery razor asp.net-mvc-5 asp.net-mvc-partialview

我有一个剃刀视图,其中一部分使用局部视图填充登录用户的手机号码

<div class="form-group">

                <div class="col-md-10">
                    @Html.Action("ShopOwnerEditMobilePartial", "ManageShop", new { appUserId = Model.ApplicationUserId })

                </div>
                <br />
                <div class="form-group">
                    <div class="col-md-offset-2 col-md-10">
                        <input type="button" value="Save Changes" onclick="updateMobile()" class="btn btn-primary btn-block pull-right" />
                    </div>
                </div>
            </div>

这是控制器代码

public ActionResult ShopOwnerEditMobilePartial(string appUserId)
    {
        Repository rep = new Repository();
        ViewBag.MobileNumber= rep.GetMobileNumberByAppUserId(appUserId);
        return PartialView("_ShopOwnerEditMobilePartial");
    }

这是剃刀视图的HTML代码

<input type="text" class="form-control" maxlength="20" id="MobileBox"
       name="crimeRef" placeholder="Mobile Number"
       value="@(ViewBag.MobileNumber ?? String.Empty)"/>

这是我的jquery代码,它无法通过使用MobileBox Id

获取值
var CityNewValue="";
function updateCity()
{
    CityNewValue=$('#CityDDL').val();
    $.ajax({
        url: '@Url.Action("updateCity", "ManageShop")',
        method: 'post',
        data: { shopId:@Model.ShopId,NewCityID:CityNewValue},       //the data to be passed to the server
        dataType: 'json',                   // data that we are expecting back from the server
        success: function (data) {         // data variable will contain the data fetched from the server
            $('#successAlert').slideDown();
        },
        error: function (err) {

        }
    });
}

当我尝试获取手机号码的编辑值时会出现问题,在部分视图中定义的MobileBox ID和updateCity()函数都会出现未捕获的异常

1 个答案:

答案 0 :(得分:0)

所有代码都是正确的,我在我的代码中使用了return语句,在所需的工作执行之前,这就是为什么我无法达到所需的代码行