在形式POST多张输入与jQuery(POST mulitple inputs in form wi

我产生一些投入，看起来像这样的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文件？ 以前我用这样的事情（见下面的代码）submiting发布数据时，但这似乎只是单场带有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
 });
});

编辑

OK，我不认为我是十分清楚的。 我已动态创建input字段。 这些字段有一个data-id至极从MySQL数据库获取。

该数据库看起来是这样的：

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

此前，我已经成功地更新基于它包含了使用jQuery代码我刚才在这个线程张贴的价值单个字段。 一个ID包含一个值，这个值是beeing $_POST到我的update.php文件，然后在数据库中插入。

但现在我不能使用ID，因为我需要一次更新多发行，每行不同的数据库ID。

所以我想，是先获取的值data-id ，要知道更新哪一行，然后把它拿来持有知道要插入什么价值-然后重复每一个<input> 。

Answer 1:

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

完成。

笔记：

• 确保所有的表单元素，是表单元素里面。
• 所有的表单元素都必须有一个name属性。

serialize文档

最终代码可以是：

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

文章来源: POST mulitple inputs in form with jQuery