0

ユーザーの選択により、ユーザー埋め込みリンクテキストを変更したい。フォームには2つのテキストボックスがあります。1つはonkeyupイベントを使用したユーザー入力用で、もう1つはhrefhtmlタグを使用した読み取り専用テキストボックスです。

ユーザーが最初のテキストボックス内に入力を開始したら、読み取り専用入力を変更する必要があります。

私は別の方法を試しましたが、うまくいきませんでした

<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%" />

どうすればそれを作ることができますか？

4

3 に答える 3

0

この更新されたものを試してください：http：//jsfiddle.net/cfzt9/1/

私のhtml：

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

と私の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});
});
于 2012-12-13T07:32:23.660 に答える
0

これは、テキストボックステキストでhrefを指定する間違った方法です。テキストボックスの変更時にjqueryを使用して、アンカータグを配置し、そのhref値を設定できます。

<asp:TextBox ID="txtAlinkTitle" runat="server" Text="Register Now" onkeyup="changeHref(this)" /><br />
<a id='aTag' href='http://google.com'>my text for link</a> 


funcation changeHref(sender)
{
   $("#aTag").attr('href', sender.val());
}

jqueryの代わりにjavascriptを使用することもできます。

于 2012-12-13T07:38:02.980 に答える
0

タグを付けたくない場合は、関数にurlを渡します。

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


funcation changeHref(sender,target,url)
{

   $('#<%=txtALink.ClientID%>').attr('href', '<a href=" + url + " >" + sender.val() + "</a>');
 }

または、Javascriptサブストリングメソッドを使用して置き換えます

于 2012-12-13T07:48:23.210 に答える