textarea设置值jquery

在使用 textarea 元素时，有时需要设置其初始值或动态修改其值，使用 jQuery 操作可以很方便地实现。本文将介绍如何使用 jQuery 设置 textarea 的值。

方法一：val() 方法

val() 方法可以获取或设置表单元素的值（包括 textarea 元素）。它的语法如下：

$(selector).val(value)

登录后复制

其中，selector 表示我们要选取的元素的选择器，value 是要设置的值。如果 value 参数省略，则该方法返回指定元素的当前值。

下面是一个示例，它为一个 ID 为 myTextarea 的 textarea 元素设置了初始值：

<textarea id="myTextarea"></textarea>

登录后复制

$(document).ready(function(){
  $('#myTextarea').val('初始的文本内容');
});

登录后复制

执行上述代码后，打开页面后该文本框内的文本内容会被设置为“初始的文本内容”。

我们也可以使用相同的方法来动态修改 textarea 的内容。例如，当用户单击一个按钮时，我们可以将 textarea 内容修改成“新的文本内容”：

<textarea id="myTextarea"></textarea>
<button id="modifyBtn">修改内容</button>

登录后复制

$(document).ready(function(){
  $('#myTextarea').val('初始的文本内容');
  $('#modifyBtn').click(function(){
    $('#myTextarea').val('新的文本内容');
  });
});

登录后复制

执行上述代码后，在页面上单击“修改内容”按钮，textarea 的内容就会被修改成“新的文本内容”。

另一种设置 textarea 值的方法是使用 text() 方法。该方法可以设置元素的文本内容，但忽略 HTML 标签。因此，如果 textarea 内容中包含 HTML 标签，则这些标签会被当做文本处理。text() 方法的语法如下：

$(selector).text(content)

登录后复制

其中，selector 表示我们要选取的元素的选择器，content 是要设置的文本内容。如果 content 参数省略，则该方法返回指定元素的当前文本内容。

下面是一个示例，它为一个 ID 为 myTextarea 的 textarea 元素设置了初始值：

<textarea id="myTextarea"></textarea>

登录后复制

$(document).ready(function(){
  $('#myTextarea').text('初始的文本内容');
});

登录后复制

执行上述代码后，打开页面后该 textarea 内容会被设置为“初始的文本内容”。

我们也可以使用 text() 方法动态修改 textarea 的内容。例如，当用户单击一个按钮时，我们可以将 textarea 内容修改成“新的文本内容”：

<textarea id="myTextarea"></textarea>
<button id="modifyBtn">修改内容</button>

登录后复制

$(document).ready(function(){
  $('#myTextarea').text('初始的文本内容');
  $('#modifyBtn').click(function(){
    $('#myTextarea').text('新的文本内容');
  });
});

登录后复制

执行上述代码后，在页面上单击“修改内容”按钮，textarea 的内容就会被修改成“新的文本内容”。

以上就是 jQuery 设置 textarea 的值的两种方法。val() 方法适用于大多数情况下，而 text() 方法则适用于需要忽略 HTML 标签的情况下。如果你需要设置 textarea 的初始值或动态修改其内容，请根据具体情况选择适合的方法。

以上就是textarea设置值jquery的详细内容，更多请关注Work网其它相关文章！