javascript - 单击 <li> 时，将 <li> 中的值拉入 &lt;textarea&gt;

Question

我在表单中有一个 textarea，需要在用户点击的 li 标签内填充文本。

例如:

<ul id="selections">
    // row1 <li>Here is some text</li>
    // row 2 <li>Here is some more text</li>
    // row 3 <li>Here is even more text</li>
</ul>

当用户单击第 1 行时，我需要将文本弹出到文本区域。当用户现在点击第 2 行时，我需要第 2 行弹出文本区域，位于第 1 行下方。

关于如何做到这一点有什么想法吗？

Answer 1

尝试:

$('#selections li').click(function() {
  $('#id-of-your-textarea').append($(this).text() + '\n');
})