AJAX HTML 函数没有获取 textarea 值

Question

我有一个 table，其中我在前三列中显示了一些数据，但在最后一列中用户输入了他的 feedback/comments。提交时，数据将通过电子邮件发布和发送。

问题是 textarea 中的值在提交时未发布。我的 table.

中有 6 行

样本 TR

<tr>
<td>1</td>
<td>TEST 123</td>
<td>TEST</td>
<td><input type="text" value="" id="prbt-rev" ></td>
</tr>

AJAX 调用

$(document).on('click','#email',function(e){
e.preventDefault();

var reportData = $("#report-data").html();

var request = $.ajax({
            url         : '<?=base_url();?>healthcheck/sendEmail',
            type        : 'POST',
            data        : {report:reportData}
        });
        request.done(function(response){
          $('#result').html(response);
        }); });

Answer 1

您的选择器 #report-data 与您共享的 HTML 中的任何元素都不匹配。缺少某些 HTML 或您使用了错误的选择器。

jQueryhtml()方法获取被选元素的子节点。文本输入没有任何子节点。 textarea 的子节点描述其 默认值，而不是其当前值。

使用val()读取表单控件的当前值。

Answer 2

您的 HTML 代码缺少您在 jquery! 中获得的字段。

如果您将您正在使用的完整代码放在这里，会更有帮助，也更容易提供提示。

AJAX HTML 函数没有获取 textarea 值

AJAX HTML function not getting textarea Value

javascript

php

ajax

jquery