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

Question

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

<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() 函数的未捕获异常

Answer 1

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

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

how to get partial view input field value by id using jQuery in asp.net mvc

javascript

jquery

asp.net-mvc-partialview

razor

asp.net-mvc-5