Question

I have two TextBoxes on my ASP.NET page:

1. Alt
2. Caption

When I have entered some text in Alt and after that on click on Caption I want to it to show the same text as was entered in Alt.

Please help me out.

Thanks in advance.

Answer 1

hmm, you need to be more precise on how you want to do it as you have plenty of options here, e.g.

• On client-side using JavaScript, jQuery or knockoutjs

So, which way do you prefer?
JavaScript function:

function CaptionOnFocus() {
    document.getElementById('<%=Caption.ClientID%>').value = 
    document.getElementById('<%=Alt.ClientID%>').value;
}

<asp:TextBox ID="Caption" onfocus="CaptionOnFocus();" runat="server" />

jQuery:

$("#Caption").focus(function() {
  $("#Caption").val($(this).val());
});

• In the Server-side code. Set AutoPostBack="True" on Caption textbox control, use OnGotFocus() event handler and, in it, copy the text to Caption, like so: Caption.Text=Alt.Text