jquery - 使用 jQuery 将文本添加到 asp.net 文本框控件

在网络表单中，我有一些输入字段

<div id="search1">
        <div class="forminput">
            Label 1<br />
            <input type="text" name="Field1" value="" size="20" />
        </div>
        <div class="forminput">
            Label 2<br />
            <input type="text" name="Field2" value="" size="20" />
        </div>
</div>

由于焦点在控件上丢失，输入的值需要返回到 asp.net 文本框控件。我已经能够使用以下代码将值传递给 div 层或标准 html 元素:

    function fieldUpdate() {

            var currentValue = $(this).val();
            var field = $(this).attr("name");

                if (currentValue != "") {
                    $("#results").append(field + ":" + currentValue + "+");
                }
        }
 $(function () {
            $("#search1 :input[type=text]").focusout(fieldUpdate);

        });

但是，这似乎不适用于 asp.net 服务器端控件。
更新
这个问题的目的是将输入到标准 html 输入字段的值提供到 asp:textbox 控件中

<asp:TextBox ID="results2" Text="" Width="400" runat="server" />

更新
下面是当前解决方案如何工作的屏幕截图。在顶部，当用户输入一个值时，您会看到输入字段，并从每个字段中跳出该值，该值被添加到标记为结果的 Div 层。我想要做的不是将字段名和值添加到 DIV 元素，而是希望将它们添加到 asp:textbox 控件。

最好将此代码存储在外部 js 文件中，而不是存储在 aspx 页面中。

任何人都可以提供有关如何实现这一目标的任何建议吗？

提前致谢

更新解决方案
感谢 James 帮助我完成这项工作。下面是当前实现中使用的 jQuery 代码。

function fieldUpdate() {

            var currentValue = $(this).val();
            var field = $(this).attr("name");
            var txt = $("#<%=results2.ClientID%>");
                if (currentValue != "") {
                    $("#results").append(field + ":" + currentValue + "+");
                    if (txt) {
                        txt.val(txt.val() + field + ":" + $(this).val() + "+");
                    }
                }
        }


        $(function () {
        //only evaluate input text field
            $("#search1 :input[type=text]").focusout(fieldUpdate);

这将允许使用输入字段名称和值填充 asp:textbox。
示例 Field1:foo+Field2:somevalue2+Field3:somevalue3 ...

最佳答案

这些不是 ASP.NET TextBox 控件；它们是 HTML 文本输入。不过，要回答您的问题，您可以这样做:

<script type="text/javascript">
    $(function(){
        $("#input1").val("Hello world");
    });
</script>
<input type="text" id="input1" />

我注意到您在示例中设置的是名称而不是 ID。如果您有选择，我会使用 ID，但您可以按名称查找元素，如下所示:

$("input[name='Field1']").val("Hello world");

如果您使用实际的 ASP.NET TextBox 控件，则解决方案会有所不同:

<script type="text/javascript">
    $(function(){
        $("#<%=TextBox1.ClientID%>").val("Hello world");
    });
</script>
<asp:TextBox ID="TextBox1" runat="server" />

如果要获取 search1 div 中的所有文本输入，可以执行以下操作:

$(".forminput input[type='text']").val("Hello world!");

这是上面示例的 jsFiddle:http://jsfiddle.net/DWYTR/

编辑

根据您的评论，以下是如何在 blur 上将值从一个输入复制到另一个输入:

$(".forminput input[type='text']").blur(function(){
    var txt = $("#<%=TextBox1.ClientID%>");
    if (txt){
        txt.val(txt.val() + $(this).val());
    }
});

关于jquery - 使用 jQuery 将文本添加到 asp.net 文本框控件，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/8081469/