Javascript未註冊onClick按鈕的值並將其附加到textarea

我正在開發一個項目，人們可以互相回覆。它的工作原理很簡單。您單擊人名旁邊的回覆按鈕，並將其用戶名（從按鈕的值）附加到[]括號中的文本區域。Javascript未註冊onClick按鈕的值並將其附加到textarea

我得到一個問題，它總是添加在相同的用戶名，而不是其他的。

我有一個的jsfiddle這裏，展示了我的問題： https://jsfiddle.net/zevpbghe/

<script text="text/javascript"> 
$(function() { 
    $('.reply').on('click', function() { 
     var text = $('#field'); 
     var username = $('.reply'); 
     text.val(text.val() + username.val());  
    }); 
}); 
</script>

我需要從一個類中獲得的價值，因爲我有多個用戶。

<ul> 
<li>Adam Sandler<button style='border: none; background-color: transparent !important; cursor:pointer; font-size:12px;color:#3F729B' class='reply' value='[AdamSandler]'>Reply</button></li> 
<li>Mike Tomson<button style='border: none; background-color: transparent !important; cursor:pointer; font-size:12px;color:#3F729B' class='reply' value='[MikeTomson]'>Reply</button></li> 
<li>James Bradly<button style='border: none; background-color: transparent !important; cursor:pointer; font-size:12px;color:#3F729B' class='reply' value='[JamesBradly]'>Reply</button></li>

一旦類「答覆」點擊它768,16從價值到文本區域追加數據：

<textarea id="field"></textarea>

來源

2017-07-23 Sir Rage

$（「的答覆。」）將返回對象的數組。循環瀏覽對象並獲取val – bigbounty

@bigbounty感謝您的回覆！其次，你會如此善良提供小提琴，我不是jQuery和jscript的智者。它會幫助我很多！ –

人們現在已經回答了 – bigbounty

$(function() { 
    $('.reply').on('click', function() { 
     var text = $('#field'); 
     text.val(text.val() + $(this).val());  
    }); 
});

來源

2017-07-23 14:13:45 Mikemike

您需要更改$('.reply')到$(this)。

var username = $(this);

來源

2017-07-23 14:12:57

謝謝你們這個傢伙。你是生活的儲戶！ –

很高興能有幫助，請接受答案，以便其他人也可以從中獲得幫助，謝謝。 –

裏面的功能，$('.reply')得到所有回覆的頁面，然後使用上收集.val()將佔據第一位，這是亞當·桑德勒的價值。

你可能想獲得你所點擊的答覆：用jQuery，這是很容易，你只需要做var username = $(this);

來源

2017-07-23 14:13:14 Axnyff

謝謝你這個傢伙。你是生活的儲戶！ –

Javascript未註冊onClick按鈕的值並將其附加到textarea

回答

相關問題