Question

I want to change the user embedd link text by user selection.
The form has 2 textboxes, one for user input with onkeyup event
and another is readonly textbox with a href html tag

When user starts typing inside the first textbox, the readonly input needs to be changed.

i tried diffrente ways but it didnt worked

<asp:TextBox ID="txtAlinkTitle" runat="server" Text="Register Now" onkeyup="func(this,<%=txtALink.ClientID%>)" /><br />
    <asp:TextBox ID="txtALink" Text="<a href='http://google.com'>my text for link</a> " ReadOnly="true" runat="server" Width="100%" />

how can i make it?

Answer 1

try this updated one: http://jsfiddle.net/cfzt9/1/

my html:

<input type='text' id='txtAlinkTitle' value=''/>
<input type='text' style='width:320px' id='txtALink' readonly='true' value="<a href='google.com'>aaa</a>"/>

and my jQuery:

$('#txtAlinkTitle').keyup(function(){
    var textVal = $(this).val();
    var aa = $('#txtALink').attr('value');
    var bb = aa.substr(0, aa.indexOf('>')+1);
    var cc = aa.substr(aa.indexOf('</a>'));
    $('#txtALink').attr({"value":bb+textVal+cc});
});