jQuery：通过单击按钮访问文本区域的当前文本

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()函数中只会显示“正在添加状态更新...”，而不会显示我在文本区域中键入的文本。

感谢帮助！

Answer 1

采用

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

代替

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

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