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

Question

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

本质上，我有一个动态添加的文本区域，我只能使用JQuery选择器作为目标。我需要为此添加某种功能（用户可以按下按钮或仅按Enter键），以便用户可以创建文本项目符号（因此不能使用HTML ul / li创建项目符号）。

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

我尝试使用从this answer中找到的代码，但是无法访问文本区域。我对JavaScript有点生疏，所以我觉得这里缺少一些简单的东西，只是没有得到。

Answer 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>

enter image description here