obtener - agregar texto a un control de cuadro de texto asp.net con jQuery

obtener texto de link jquery

Question

Dentro de un formulario web, tengo algunos campos de entrada

<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>

A medida que se pierde el foco en el control, el valor ingresado debe devolverse a un control de cuadro de texto asp.net. Pude pasar los valores a una capa div o elemento html estándar usando el siguiente código:

    function fieldUpdate() {

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

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

        });

Sin embargo, esto no parece funcionar con un control del lado del servidor asp.net. Actualización El objetivo de esta pregunta es aprovisionar los valores ingresados ​​en los campos de entrada html estándar en un control aspts: textbox

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

Actualización A continuación se muestra una captura de pantalla de cómo funciona la solución actual. En la parte superior verá los campos de entrada a medida que el usuario ingrese un valor y las pestañas de cada campo este valor se agrega a una capa Div etiquetada como resultados. Lo que quiero hacer es agregar el nombre de campo y el valor a un elemento DIV. En su lugar, quiero que se agreguen a un control aspts: textbox.

Se prefiere tener este código almacenado dentro de un archivo js externo vs dentro de la página aspx.

¿Alguien puede dar alguna sugerencia sobre cómo lograr esto?

gracias por adelantado

Actualización de la solución Gracias a James por ayudarme a trabajar sin embargo. A continuación se muestra el código jQuery tal como se utiliza en la implementación actual.

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);

Esto ahora permitirá que un cuadro de texto asp: se rellene con el nombre y el valor del campo de entrada. Ejemplo Field1: foo + Field2: somevalue2 + Field3: somevalue3 ...

Answer 1

Esos no son controles ASP.NET TextBox; son entradas de texto HTML. Sin embargo, para responder a tu pregunta, harías esto:

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

Noté que estás configurando el nombre en lugar de la ID en tu ejemplo. Usaría ID si tiene una opción, pero puede encontrar un elemento por nombre como este:

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

Si usa un control de cuadro de texto ASP.NET real, la solución será un poco diferente:

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

Si desea obtener todas las entradas de texto en search1 div, puede hacer esto:

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

Aquí hay un jsFiddle para el ejemplo anterior: http://jsfiddle.net/DWYTR/

EDITAR

Según su comentario, aquí es cómo puede copiar un valor de una entrada a otra en blur :

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