从文本区域获取价值

时间:2013-02-18 14:50:27

标签: javascript html textarea

当textarea字段不等于“”时,如何从textarea字段获取值。

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

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

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

});

6 个答案:

答案 0 :(得分:113)

Vanilla 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

答案 1 :(得分:12)

使用.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/

答案 2 :(得分:0)

使用val()

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

答案 3 :(得分:0)

$('textarea').val();

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

答案 4 :(得分:-1)

使用val()方法:

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

答案 5 :(得分:-1)

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

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