首先,我们可以使用jQuery中的each()
函数来遍历表单中的所有文本框。在每次遍历到文本框时,我们可以使用val()
函数获取文本框中的值,然后将其存储在一个数组中。最后,我们可以使用console.log()
函数将数组中的所有值输出到控制台中。
以下是一个示例代码:
// 获取表单中的所有文本框
var textBoxes = $('form').find('input[type="text"]');
// 遍历所有文本框,并将值存储在一个数组中
var values = [];
$.each(textBoxes, function(index, element) {
values.push($(element).val());
});
// 输出数组中的所有值
console.log(values);
在上面的代码中,我们首先使用$('form').find('input[type="text"]')
选择器获取表单中的所有文本框,然后使用$.each()
函数遍历所有文本框,并将每个文本框的值存储在一个数组中。最后,我们使用console.log()
函数将数组中的所有值输出到控制台中。
如果需要将这些值发送到服务器进行存储或处理,可以将数组中的所有值添加到一个JSON对象中,然后使用POST方法发送到服务器。例如:
var values = [];
$.each(textBoxes, function(index, element) {
values.push($(element).val());
});
var data = { values: values };
$.ajax({
url: '/save-values',
type: 'POST',
data: data,
success: function(result) {
console.log(result);
}
});
在上面的代码中,我们首先使用$.each()
函数遍历所有文本框,并将每个文本框的值存储在一个数组中。然后,我们使用var data = { values: values };
将数组中的所有值转换为JSON对象。接下来,我们使用$.ajax()
函数将JSON对象发送到服务器,并在成功时输出服务器返回的结果。
领取专属 10元无门槛券
手把手带您无忧上云