單擊鏈接時如何替換文本區域中的某些文本

Question

單擊鏈接時，我正在嘗試在文本區域中用其縮短的URL查找和替換用戶的網站地址。 我還沒走很遠，但是目前我可以替換掉文本區域中的所有文本

<a href="javascript:;" class="short_url_link"><%= @user.short_url %></a>

$(function(){
  $(".short_url_link").click(function(){
  $( "#mention" ).val($(this).text());
 });
});

因此，當用戶單擊短URL鏈接時，將在文本區域中找到網站地址（ @user.website ）並將其替換為短URL（ @user.short_url ）

Answer 1

$(function(){
  $(".short_url_link").click(function(e){
   e.preventDefault();
  $( "#mention" ).val($(this).text());
 });
});

參考event.preventDefault

Answer 2

那么做這樣的事情呢：

$(function(){
    $(".short_url_link").click(function(){
        var mention = $("#mention");
        var prevousText = mention.text();
        var shortURL = $(this).text();
            var regex = new RegExp(("<%= @user.website %>").replace(/\//g, "\\/").replace(/\./g, '\\.'), "i");
        mention.val(previousText.replace(regex, shortURL));
    });
});