使用 jquery 提交多个文本区域

Question

我正在构建一个页面，用户（教师）可以在其中评估学生的家庭作业。根据分配的任务数量，评论框的数量会发生变化。我有一个页面，其中创建了多个表单。文本区域的数量如上所述变化。所有学生的答案都显示在同一页上。每个单独的任务都会显示一个评论框，以便教师能够对学生犯的每一种错误（如果有的话）做出回应。每个评论字段都与一个特定的 ID（该特定任务的学生答案）相关，但我如何最经济地创建一个数组并提交特定的文本区域 'on change'。 IE。当老师完成对特定学生答案的评论时，我希望动态更新数据库评论字段。我不是一个完全的新手，但远未精通 java（jquery 和 ajax，我用它来处理我的大部分网站）。我对服务器端使用 php 和 MySQL，对客户端数据处理使用 jquery。

我还没有真正开始编码，因为我正在寻找一种好的、可行的方法。我平均分配了 30-40 个任务。

<div id="defaultPortlet<?php echo $portL; ?>" class="panel-collapse collapse">
  <div class="portlet-body clearfix">
    <form>
      <textarea class="col-lg-12" rows="3">
        <?php echo $row_dbResponce['ten_notes']; ?>
      </textarea>
    </form>
  </div>
</div>

我想在发生变化时更新数据库（即使用 ajax 处理数据并调用 php 数据库更新页面）。任何有关如何解决此问题的帮助都会很有用。

Answer 1

改变

<textarea class="col-lg-12" rows="3">

到

<textarea class="col-lg-12" rows="3" id="descriptor<?php echo $portL; ?>">

然后在你的 jquery...

$("textarea[descriptor^='news']").each(function( index ) {
 $(this).change();
})

使用 jquery 提交多个文本区域

Submitting multiple textareas using jquery

php

mysql

ajax

jquery