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

问题描述

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

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

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

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

标签： javascriptjqueryhtmldynamic

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

$("#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>

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

问题描述

解决方案

推荐阅读