如何将ul元素传递给已存在的html输入值？

Question

如何将'ul'传递给html输入值，如下所示？

 <input value="<ul><li>Testing</ul></li><ul><li>Testing1</ul></li>"/>

现在显示为纯字符串，如下所示

  <ul><li>Testing</ul></li><ul><li>Testing1</ul></li>

我需要将其显示为：

• 测试

• Testing1

Answer 1

首先这是你的ul应该如何：

    
• ITEM1
    
• ITEM2

添加容器以接收内容

<div id=container></div>

在输入中添加ID

<input id="input" value="<ul><li>Testing</ul></li><ul><li>Testing1</ul></li>"/>

然后使用jquery进行其余的

$("#container").append($("#input").val());

Answer 2

如果您需要两个项目，请使用无序列表，并让每个列表项包含一个输入字段。

Answer 3

如果您可以使用input元素替换contenteditable，那么您可以实现自己想要的目标。

<div contenteditable="true">
    <ul>
        <li>Testing</li>
        <li>Testing1</li>
    </ul>
</div>

以下是小型演示：http://jsfiddle.net/lotusgodkk/GCu2D/225/

请注意，请检查ul标记，我怀疑提到的标记是否正确。