如何使用 jQuery 获取 Textarea 的值-之路教程

←JavaScript如何获取数组中的最后一项

jQuery如何获取选择框中所选选项的值→

val() 方法

val() 方法是一个内置的 jQuery 方法，用于返回或者设置所选元素的属性值。
此方法适用于 HTML 表单元素。

它主要用于获取表单元素的值，例如 input、select 和 textarea。

当在空集合上调用该方法时，它将返回 undefined。

如何使用 jQuery 获取 Textarea 的值

可以通过 jQuery val() 方法来检测 HTML <textarea> 元素的值。

但是，请务必删除任何尾随和前导空格；否则，可能会导致不需要的结果。

在 textarea 内添加一个按钮，在单击时将文本发送到服务器。

我们可以使用 val() 方法获取文本：

<!DOCTYPE html>
<html>
  <head>
    <title>文档的标题</title>
    <script src="https://code.jquery.com/jquery-3.5.0.min.js">
    </script>
  </head>
  <body>
    <p>在 textarea 中输入并单击按钮以查看结果。</p>
    <textarea id="comment" rows="5" cols="40"></textarea>
    <div>
      <button type="button">获取值</button>
    </div>
    <script>
      $(document).ready(function() {
          $("button").click(function() {
              let comment = $.trim($("#comment").val());
              if(comment != "") {
                alert(comment);
              }
            });
        });
    </script>
  </body>
</html>

日期：2020-06-02 22:16:21 来源：oir作者：oir

←JavaScript如何获取数组中的最后一项

jQuery如何获取选择框中所选选项的值→

val() 方法

目录