如何使用 jquery 获取 textarea 内容答案

【问题标题】：How to get textarea content with jquery如何使用 jquery 获取 textarea 内容
【发布时间】：2011-02-08 12:34:34
【问题描述】：

我是 jquery 的新手。我对某些功能感到震惊，我有两个 textarea 框，让我们假设

第一个 textarea id 是 first_ta 第二个 textarea id 是 second_ta

<textarea id="first_ta" rows="2" cols="2"></textarea>
<textarea id="second_ta" rows="2" cols="2"></textarea>

1.我想把first_ta的内容放在一个"p"标签里，这个标签应该是jquery自己生成的。

2. 我希望 "div" 标记中的 second_ta 的内容应该由 jquery 生成，并且 div 的 id 应该动态更改，如果我重复过程。

请帮我找到上述问题的解决方案。

【问题讨论】：

你希望什么时候发生？

标签： jquery textarea

【解决方案1】：

我想要 first_ta 的内容 “p”标签和标签应该是由 jquery 自己生成。

$('<p>').html($('#first_ta').val()).appendTo('body');

我想要一个“div”标签中的 second_ta 的内容，它应该由 jquery 和 div 的 id 生成

// assuming you've got a variable genId defined somewhere in your code with a start 
// value of 1
$('<div>').html($('#second_ta').val()).attr('id', 'generated-id-' + genId++).appendTo('body');

【讨论】：

非常感谢阿伦。我会尝试代码并让您知道。

【解决方案2】：

与@Aren 回复相同，只是添加了 encodeURIComponent 用于读取 textarea 值

$('<p>').html(encodeURIComponent($('#first_ta').val())).appendTo('body');

$('<div>').html(encodeURIComponent($('#second_ta').val())).attr('id', 'generated-id-' + genId++).appendTo('body');

【讨论】：