Copiar valor de un textbox a otro con javascript

En ocasiones se necesita hacer un copiado de información de un TextBox a otro en ASP .NET, pero sin necesidad de que se haga un llamado al servidor (AutPost), por ejemplo, tuve la necesidad de hacer una operación entre 2 textbox y mostrarlo en otro que estuviera deshabilitado, entonces buscando un poco encontré esto y lo ajusté a mi proyecto.

Tu aspx debe de contener los 3 Textbox

<asp:TextBox ID=”txtSacos” runat=”server” onkeyup=”Operacion();”></asp:TextBox>

<asp:TextBox ID=”txtBolsas” runat=”server” onkeyup=”Operacion();”></asp:TextBox>

<asp:TextBox ID=”txtResultado” runat=”server”></asp:TextBox>

y en la cabecera el código JavaScript

<head>

<title></title>

<script type=”text/javascript”>

function Operacion() {

var sacos = document.getElementById(‘<%= txtSacos.ClientID %>’).value;

var bolsas = document.getElementById(‘<%= txtBolsas.ClientID %>’).value;

if (sacos != && bolsas != )

document.getElementById(‘<%= txtResultado.ClientID %>’).value = bolsas + sacos;

}

</script>

</head>

Y eso es todo

Espero sea de ayuda

saludos

Loading Facebook Comments ...

7 comments

  1. hola gracias por el aporte
    estoy haciendo lo mismo pero me dice que el textbox no esta definido apesar que el control esta en la pagina se necesita agregar algun updatepanel????

    saludos

  2. intenta hacerlo de la siguiente manera… el aspx dejalo asi:

    –< asp:TextBox ID="txtSacos" runat="server" >
    –< asp:TextBox ID="txtBolsas" runat="server" >

    y en el codebehind asignales el valor

    txtBolsas.Attributes.Add(“onkeyup”, “javascript:Operacion();”)
    txtSacos.Attributes.Add(“onkeyup”, “javascript:Operacion();”)

    espero sea de ayuda.

    saludos

  3. hola, quiero hacer algo similar pero en una grilla con una columna TemplateField ( contiene 3 controles: textbox1, textbox2, label1). Si el usuario pone 2 en el textbox1 y el textbox2 0, el label1 deberia poner “textbox1 mayor” o al revés. Tienes alguna idea como hacerlo ?

Leave a Reply

Your email address will not be published. Required fields are marked *

Para evitar SPAM realiza la siguiente operación: *