jquery - 使用 jQuery 在表单中发布多个输入

Question

我生成了一些在 HTML 中看起来像这样的输入:

<input id='estemated_days' type='text' data-id='717' value='6'>

<select id='elements_grade' data-id='717'>
 <option value='1'></option>
 <option value='2'></option>
 <option value='3'></option>
</select>

<input id='estemated_days' type='text' data-id='718' value='4'>

<select id='elements_grade' data-id='718'>
 <option value='1'></option>
 <option value='2'></option>
 <option value='3'></option>
</select>

我当时生成了大约 10 个，但向您展示了两个作为示例。如何使用 jQuery 将多个输入值发布到外部 PHP 文件？以前，我在提交帖子数据时使用过类似的东西(参见下面的代码)，但这似乎只适用于具有 ID 的单个字段 - 而不是生成的数据库 data-id

//Initiate function when user clicks save
$("#save_courseplan").click(function() {

//Store the values of the fields as variables
var elements_grade = $('#elements_grade').val();
var estemated_days = $('#estemated_days').val();


$.post('../update.php', {

    estemated_days: estemated_days, //This for example will now represent 6
    elements_grade: elements_grade //And this 1

    }, function(data) {
    $('#updatestatus').html(data); //Display what update.php echoes out
 });
});

编辑

好吧，我认为我不太清楚。我动态创建了input字段。这些字段有 data-id这是从 MySQL 数据库中获取的。

数据库看起来像这样:

+------------+------------+
| scpe_id    | scpe_days  |
+------------+------------+
| 717        | 6          |
+------------+------------+
| 718        | 4          |
+------------+------------+

之前，我已经使用我之前在此线程中发布的 jQuery 代码成功地根据单个字段包含的值更新了该字段。一个ID包含一个值，这个值是$_POST给我的update.php文件，然后插入数据库。

但是现在我无法使用 ID，因为我需要一次更新多行，每行都有不同的数据库 ID。

所以我想要的是首先获取 data-id 的值，了解要更新哪一行，然后获取它所保存的值以了解要插入的内容 - 然后对每个 <input> 重复此操作.

Answer 1

var queryString = $('form').serialize();

完成。

注释:

• 确保所有表单元素都位于表单元素内。
• 所有表单元素都必须具有 name 属性。

serialize docs

最终代码可以是:

$.post('../update.php/?' + queryString, function(data) {
    $('#updatestatus').html(data);
});