Question

我有一个带有JavaScript函数的Asp.Net Razor网页，它没有按照预期更新我的一个@ Html.TextBox控件。这是JavaScript：

    function UpdateDept() {
        debugger;
        var result = '';
        var badge = document.getElementById("PIP_BADGE").value;
        var url = "http://internalSite/api/personinfo/" + badge;
        alert('Using badge #' + badge)
        $.ajax({
            url: url,
            type: 'POST',
            data: { 'badge': badge },
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (result) {
                alert(JSON.stringify('result = ' + result));
                $('#PIP_DEPT').val(JSON.stringify(result));
            },
            error: function (xhr, ajaxOptions, thrownError) {
                alert(xhr.responseText);
            }
        })

两个警报都给我正确的值。以下是我想要更新的目标@ Html.TextBox的代码：

                <td style="width: 40%">
                    <div class="form-group">
                        <label for="PIP_DEPT">Department:</label>
                        <a class="anchor" id="PIP_DEPT_ANCH"></a>
                        @Html.TextBox("PIP_DEPT", @dept, new { @class = "form-control", id = "PIP_DEPT", @readonly = true, style = "width: 400px" })
                    </div>
                </td>

最初加载页面时，会为@dept的初始值分配一个值，并且它会正确显示。 “PIP_DEPT”文本框没有更新，我做错了什么？

添加到@Mamum的回答：此代码有效，它还从@ Html.DropDownList中的选定值更新只读字段。 JavaScript的：

    function UpdateBadge() {
        var e = document.getElementById("PIP_USER_NAME");
        var temp = e.options[e.selectedIndex].value;
        $('#PIP_BADGE').val(temp);
    }

文本框代码：

@Html.TextBox("PIP_BADGE", @badge, new { @class = "form-control", id = "PIP_BADGE", @readonly = true, style = "width: 100px" })

Answer 1

我的JavaScript / Api通话技巧有很多不足之处，所以考虑到这一点，结果是调用“失败”，但我需要的正确数据是在xhr.responseText中返回的。我可以使用。我知道，我知道，这是一个可怕的黑客，但我已经浪费了太多时间在这上面。

感谢所有插话的人。

Javascript没有更新@ Html.TextBox

1 个答案: