如何使用多個 jquery 代碼填充 html 輸入/文本字段

Question

我正在嘗試使用不同的 jquery 腳本 onclick 填充輸入字段，我希望填充的每個文本都占據一行，然后單擊以將文本填充到下一行，當前當您單擊第一個按鈕時，輸入字段是根據需要填充，問題是當單擊第二個按鈕時，它不是在字段中填充新句子，而是替換在第一次按鈕單擊時填充的現有文本。 下面是我填充輸入字段的代碼：

function populatethisfirst(){
  document.getElementById("delrver now").value= "Enfoncement plus large qu'une balle de tennis";
}

jquery 用於第二個填充按鈕：

function populatethissecondline(){
  document.getElementById("delrver now").value= "Enfoncement plus large qu'une balle de tennis";
}

html 用於輸入字段/文本區域：

<textarea rows="5" id="deliver now" cols="50" name="populate data" >
populate here</textarea>

Answer 1

您正在替換 textarea 內容而不是添加到它。 在第二行使用+=而不是=就足夠了（加上用\n分隔行）：

 b1.addEventListener('click', function() { ta.value += '1: Enfoncement plus large qu\'une balle de tennis'; }); b2.addEventListener('click', function() { ta.value += '\n2: Enfoncement plus large qu\'une balle de tennis'; });

 <textarea id="ta"></textarea><br> <button id="b1">first</button><button id="b2">second</button>