Jquery how to - asp.net textbox change updates another textbox

Question

i have 2 asp.net textboxes on a page. using jquery how can i update the text of the second one when the first one changes. Has to be jquery using asp.net textboxes

e.g. as user types 'hello' into first box the second box will automatically fill with the same text. should happen as user types and not when user leaves text box

Thanks in advance

Jeremy Elbourn · Accepted Answer · 2010-11-02 15:17:40Z

1

function SyncTextBoxes(txt)
{
    var t = $(txt).val();
    $('#<%= txtFirst.ClientID %>').val(t);
    $('#<%= txtSecond.ClientID %>').val(t);
}

and

<asp:Textbox ID="txtFirst" onkeypress="SyncTextBoxes(this)" runat="server" />
<asp:Textbox ID="txtSecond" onkeypress="SyncTextBoxes(this)" runat="server" />

answered Nov 2, 2010 at 15:17

Jeremy Elbourn

2,7401 gold badge19 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

RobD103 · Accepted Answer · 2014-12-10 00:40:36Z

0

Slight improvement to jelbourn's answer; best to use the onkeyup event otherwise the text will not include the last key pressed.

answered Dec 10, 2014 at 0:40

RobD103

111 bronze badge

Collectives™ on Stack Overflow

Jquery how to - asp.net textbox change updates another textbox

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related