jQuery：从按钮的单击访问textarea的当前文本

Question

我正在编写一个函数，用jQuery点击输入按钮来发出AJAX POST请求。按钮的单击功能正在$(document).ready()中定义。我注意到的是，当单击该按钮时，从textarea中提取的文本是其填充的默认文本，而不是用户可能已将其更改为的任何内容。代码段如下：

$(document).ready(function() {

  $('#add-note-button').click(function() {
    var note_data = {};
    note_data["notetext"] = $('#notetext').text();
    alert($('#notetext').text());
    note_data["author"] = 123;

    $.ajax( {
      type:'POST',
      url:'/myapp/post_note/1/',
      data:note_data,
      success: function(data){
      }
    });
  });
});

稍后在HTML中：

<textarea id="notetext">Add status update... </textarea>
<input id='add-note-button' type='submit' value="Save"/>

上面alert($('#notetext').text());函数的click()只显示“添加状态更新...”，而不是我在textarea中输入的文字。

感谢您的帮助！

Answer 1

使用

$('#notetext').val();

而不是

$('#notetext').text();

.val() method获取表单元素的当前值。