如何获取列表项并在textfield jquery中显示它

Question

我正在开发一个Web应用程序，但很难解决这个问题。

我有一个列表项，如下所示：

<ul id="list">
    <li>My name is great</li>
    <li>I love Music</li>
    <li>I love EPL</li>
</ul>

我也有一个文本框。

我想要做的是克隆或映射（以最佳方法为准）列表项并将其添加到我的文本框值。

请注意，整个元素+文本将被克隆到文本框值。例如：

<li>My name is great</li>

将克隆到文本框值。

Answer 1

假设您为文本框添加id，例如：

<textarea id="contents"></textarea>

然后你可以使用jQuery执行此操作：

$("#contents").val($("#list").html());

说明：

• $("#list").html()获取ID为list的元素的 HTML内容。
• $("#contents").val()设置ID为contents的元素的内容。

这样做的一个问题是html()函数可能会保留格式，因此您的列表元素可能在textarea中有一堆空格。这可能与浏览器有关。

将修剪任何前导空格的解决方案：

$("#contents").val($("#list").html().replace(/^\s+/gm, ""));

这使用javascript regexp /^\s+/gm从列表HTML的所有行的开头修剪空格。