Copy Text From One ASP.NET TextBox To Another

Here's a simple way of copying Text From One ASP.NET Text Box to Another as the user types, using JavaScript

Add the following TextBox to your page

<asp:TextBox ID="txtOne" runat="server" onkeyup="OneTextToOther();"></asp:TextBox>

<asp:TextBox ID="txtTwo" runat="server"></asp:TextBox>

Now add the following JavaScript in the <head> section of your page

<head>

    <title></title>

    <script type="text/javascript">

        function OneTextToOther() {

            var first = document.getElementById('<%= txtOne.ClientID %>').value;

            document.getElementById('<%= txtTwo.ClientID %>').value = first;

        }  

    </script>

</head>

About The Author

Suprotim Agarwal, Developer Technologies MVP (Microsoft Most Valuable Professional) is the founder and contributor for DevCurry, DotNetCurry and SQLServerCurry. He is the Chief Editor of a Developer Magazine called DNC Magazine. He has also authored two Books - 51 Recipes using jQuery with ASP.NET Controls. and The Absolutely Awesome jQuery CookBook.

Follow him on twitter @suprotimagarwal.

Copy Text From One ASP.NET TextBox To Another

About The Author

1 comment:

Labels