更改下拉列表时更改文本框值

Question

我只是想在下拉列表更改时更改文本框的值，你能告诉我有什么问题吗？我真的是 Jquery 的新手

我的控制器中的代码只是一个示例，在我的代码工作之后我会做更多的事情

查看

 <script type="text/javascript">
        $(document).ready(function () {
            $("#ddltype").change(function () {
                var id = $(this).val();
                $.getJSON("@Url.Action("getWeightedAverage", "Employee")", { id: id }, function (Ave) {
                    $("#Average").val(Ave);
                });
            });
        });
    </script>

<fieldset>
    <legend>Grade</legend>

    <div class="editor-label">
        @Html.DropDownListFor(model => model.g_type, new List<SelectListItem>{
        new SelectListItem {Value = "1", Text = "Written Work"},
        new SelectListItem {Value = "2", Text = "Performance Task"},
        new SelectListItem {Value = "3", Text = "Quarterly Assesment"},
        }, new {id = "ddltype" })
        @Html.ValidationMessageFor(model => model.g_type)
    </div>

    <div class="editor-label">
        @Html.LabelFor(model => model.weighted_percent)
    </div>
    <div class="editor-field">
        @Html.TextBoxFor(model => model.weighted_percent, new { id = "Average" })
        @Html.ValidationMessageFor(model => model.weighted_percent)
    </div>

控制器

    public JsonResult getWeightedAverage(string id)
    {
        string Ave = "40";
        return Json(Ave, JsonRequestBehavior.AllowGet);
    }

Answer 1

使用从服务器调用返回响应的变量。你不需要 this 那里的关键字。

$(document).ready(function () {
    $("#ddltype").change(function () {
        var id = $(this).val();
        $.getJSON("../Employee/getWeightedAverage", { id: id }, function (res) {
            $("#Average").val(res);
        });
    });
});

我还建议您使用Url.Action 方法来构建url，而不是硬编码。

$.getJSON("@Url.Action("getWeightedAverage","Employee")", { id: id }, function (response) {
   $("#Average").val(response);
});

如果您的代码不在 razor 视图中，而是在外部 js 文件中，则您在 razor 视图中构建基本 url 并在 js 文件中使用它，如this answer.中所述