如何使用JQuery Ajax更改文本框中的值?

时间:2017-10-09 14:43:02

标签: javascript jquery ajax

我目前正致力于更新文本框值的ajax调用:

<div id="PNIncrementDiv" style="position:absolute; left: 730px; top: 15px; width: 350px;" class="">

 <input id="TBIncrementTextBox"  class="textbox" type="text" style="position:absolute; top:25px; left: 75px; width: 60px; height: 40px;" runat="server"  />

</div>

我的ajax函数,它返回一个整数,并且经测试返回正确的答案如下:

getIncrement: function (id) {
                $.ajax({

                    url: "<%=Session("BaseUri")%>" + '/handlers/DataEntry/SPC_InspectionInput.ashx',
                    type: 'GET',
                    data: { method: 'getIncrement', args: { IncrementId: id} },
                    success: function (data) {
                        console.log(data);
                        Inc_Num = data;
                        $('#TBIncrementTextBox').val(data.toString());//nothing happens!

                    },
                    error: function (a, b, c) {
                        alert(c);
                    }
                });

            }

但是,当我尝试更改文本框的值时,没有任何反应。我做错了什么?

2 个答案:

答案 0 :(得分:2)

尝试使用值方法

$('#TBIncrementTextBox')[0].value = data.toString()
getIncrement: function (id) {
            $.ajax({

                url: "<%=Session("BaseUri")%>" + '/handlers/DataEntry/SPC_InspectionInput.ashx',
                type: 'GET',
                data: { method: 'getIncrement', args: { IncrementId: id} },
                success: function (data) {
                    console.log(data);
                    Inc_Num = data;
                    $('#TBIncrementTextBox')[0].value = data.toString();//nothing happens!

                },
                error: function (a, b, c) {
                    alert(c);
                }
            });

        }

答案 1 :(得分:0)

尝试使用$('#PNIncrementDiv input').val(data.toString());定位输入框 如果可行,您的ASP.NET脚本很可能会改变目标输入的ID