文章/答案/技术大牛

发布

社区首页 >问答首页 >用jQuery以形式输入多个输入

问用jQuery以形式输入多个输入
EN

Stack Overflow用户

提问于 2012-06-17 17:29:50

回答 1查看 1.6K关注 0票数 2

我生成一些在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文件？以前，我在提交post数据时使用了类似这样的方法(请参阅下面的代码)，但这似乎只适用于带有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>重复。

jquery

forms

post

input

回答 1

Stack Overflow用户

发布于 2012-06-17 17:32:51

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

好了。

备注：

确保所有的表单元素都在表单元素中。
所有的表单元素都必须有一个name属性。

serialize docs

最终代码可以是：

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

票数 3

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/11073362

复制

相似问题

问用jQuery以形式输入多个输入
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问用jQuery以形式输入多个输入EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问用jQuery以形式输入多个输入
EN