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

Question

我正在编写一个函数，通过单击带有 jQ​​uery 的输入按钮来发出 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()方法获取表单元素的当前值。