【问题标题】:Get value from text area [duplicate]从文本区域获取值[重复]
【发布时间】:2013-02-03 01:02:39
【问题描述】:

textarea字段不等于""时如何获取值。

我试过这段代码,但是当我在 textarea 中输入文本时,alert() 不起作用。 如何解决?

<textarea name="textarea" placeholder="Enter the text..."></textarea>

$(document).ready(function () {
    if ($("textarea").value !== "") {
        alert($("textarea").value);
    }

});

【问题讨论】:

  • jQuery 对象没有.value 属性。
  • 你试过 .val() 吗?
  • Javascript 是 .value,Jquery 是 .val()

标签: javascript html jquery textarea


【解决方案1】:

使用 val() 方法:

$(document).ready(function () {
    var j = $("textarea");
    if (j.val().length > 0) {
        alert(j.val());
    }
});

【讨论】:

    【解决方案2】:

    您需要使用.val() 而不是.value

    $(document).ready(function () {
      if ($("textarea").val() != "") {
        alert($("textarea").val());
      }
    });
    

    【讨论】:

    • 可能您正在寻找不使用 jQuery 的代码。我一直在寻找这个,我不得不自己“调试”它,以便找到如何在不使用 jQuery 的情况下获取 textarea 的值。那么这是您的解决方案: document.getElementsByClassName('textarea')[0].value
    【解决方案3】:

    使用val():

     if ($("textarea").val()!== "") {
            alert($("textarea").val());
        }
    

    【讨论】:

      【解决方案4】:
      $('textarea').val();
      

      textarea.value 将是纯 JavaScript,但在这里您尝试使用 JavaScript 作为无效的 jQuery 方法 (.value)。

      【讨论】:

        【解决方案5】:

        使用.val()获取textarea的值,使用$.trim()清空空格。

        $(document).ready(function () {
            if ($.trim($("textarea").val()) != "") {
                alert($("textarea").val());
            }
        });
        

        或者,这就是我要为干净的代码做的事情,

        $(document).ready(function () {
            var val = $.trim($("textarea").val());
            if (val != "") {
                alert(val);
            }
        });
        

        演示:http://jsfiddle.net/jVUsZ/

        【讨论】:

        • 这是 jQuery 特定的,可能问题缺少一些标签 ^^
        • @ChristopheRoussy 缺少标签?请再次查看**textarea标签**的问题。我给了 jQuery 答案,因为 OP 正在使用 jQuery。
        【解决方案6】:

        原版JS

        document.getElementById("textareaID").value
        

        jQuery

        ​​>
        $("#textareaID").val()
        

        不能反过来(知道自己在做什么总是好的)

        document.getElementById("textareaID").value() // --> TypeError: Property 'value' of object #<HTMLTextAreaElement> is not a function
        

        jQuery:

        $("#textareaID").value // --> undefined
        

        【讨论】:

        • 感谢香草代码:D
        • 这个答案应该被接受:D
        • 当您为喜欢香草的人提供两种可能的答案时,真的可以节省时间!加 1,
        猜你喜欢
        • 2020-09-10
        • 2011-09-26
        • 1970-01-01
        • 2017-01-17
        • 2023-04-11
        • 2013-08-02
        • 1970-01-01
        相关资源
        最近更新 更多