将文本项目符号动态添加到文本区域答案

【问题标题】：Dynamically adding a text bullet to a text area将文本项目符号动态添加到文本区域
【发布时间】：2018-11-14 20:27:42
【问题描述】：

我有一个基于在 Pageflex Studio 中创建的项目而动态创建的表单。我可以在文本区域上方添加脚本或 HTML 元素，我可以在文本区域下方添加脚本或 HTML 元素，但我无法直接编辑文本区域 HTML。

本质上，我有一个动态添加的文本区域，我只能使用 JQuery 选择器来定位。我需要为此添加某种功能（用户可以按下按钮或只需按下回车键），用户可以在其中创建文本项目符号（因此不是使用 HTML ul/li 创建的项目符号）。

所以我希望最终结果看起来像这样：

我尝试使用从this answer 找到的代码，但无法让它访问文本区域。我的 JavaScript 有点生疏，所以我觉得我在这里遗漏了一些简单的东西，但就是没有得到它。

【问题讨论】：

我不确定您所说的“访问文本区域”是什么意思。为什么 $('textarea') 不起作用？
您能否提供一个关于您在上一段中谈到的尝试的 sn-p，以便我们自己了解问题所在？

标签： javascript jquery html dynamic

【解决方案1】：

您可以更改项目符号大小复制任何一个 [⬤,●,•] 并在代码上设置

$("#btn_add").click(function(){
document.getElementById('todolist').value +='● ' + $("#entryText").val()+"\n";
});

#todolist {width:100%;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input placeholder="enter todo value" id="entryText" />
<button id="btn_add">add</button>

    <textarea id="todolist" class="todolist" name="todolist" rows="10" placeholder="Maintain your pending tasks"></textarea>

【讨论】：