我正在尝试迭代foreach数据，并在文本区域字段中以li格式打印.下面是我的代码

Question

在我的输出中，li和ul也被打印出来，但我只想要任务数据，而不是在一行文本区域中。

<input type="teaxtarea" name="task" class="form-control task" value="
<ol>
<?php foreach($val['task'] as $task) { ?>
<li><?php echo $task; ?></li>
<?php } ?>
</ol>">

Answer 1

使用内容可编辑的div。这是一个有缺点的懒惰解决方案。

var editor = document.querySelector(".my-editor")
function save() {
console.log(editor.innerHTML);
}

<div class="my-editor" contenteditable style="border: 1px solid gray">
<ol>
<li>My task 1 (edit me)</li>
<li>My task 2</li>
<li>My task 3</li>
</ol>
</div>
<button onclick="save()">save</button>