TextArea返回错误的值

Question

我有一些TextAreas

<textarea>Default Value</textarea>
<textarea>Default Value</textarea>

用户输入一些文本，我想在JavaScript中获取其新值：

$('textarea').each(function(index, item) {
    alert(item.value);
});

听起来很简单，但我得到的只是“默认值”。

我试过了：

item.nodeValue, 
item.textContent, 
item.innerHTML. item.innerText, 
item.value, 
$(item).val() in jQuery

我总是得到“默认值”。 尽管Firebug甚至在HtmlTextAreaElement => value中显示了新值。 那应该是item.value ，对吧？ 我觉得很蠢，请帮帮我。

Answer 1

在textarea中，它不是item.value，而是innerHTML

jQuery的val（）虽然工作

<input type="text" value="some text" />
<textarea id="something" name="something">some text</textarea>

你可以做：

$('textarea').each(function(index, item){
    console.log($(item).val());
});

Answer 2

给您的textareas一个“名称”属性

<textarea name="name">innterHTML</textarea>

和使用

item.innerHTML

如所建议的，对于textarea，它是innerHTML，而不是值:)

Answer 3

用户输入一些文本，我想在JavaScript中获取其新值：

应该这样做：

$('textarea').keyup(function(){
   alert(this.value);
});

要读取已经输入的值 （而不是在用户键入值时），请使用：

$('textarea').each(function(index, item) {
    alert(this.value);
});