我有一个数组,里面有一些数据。该数组包含 id、名字、姓氏、电子邮件、电话。我还有五个表单输入元素。现在我想在这些元素的数组中添加数据。例如,ID 应该插入到 ID 表单字段中,名称应该插入到名称输入元素中等等。我该如何实现这一点?
这是我的代码
insert_data_in_form: function(data) {
var form = $("#dataform");
var form_arr = new Array();
form.each(function(i) {
var form_el = form.children("input[type='textfield']");
form_arr.push(form_el);
console.log(data.length);
//for(var j = 0; j < 5; j++) {
form_el.val(data[i]);
//}
});
}
最佳答案
如果数据数组中的值与表单中的值的顺序相同,那么您可以执行此操作
insert_data_in_form: function(data) {
var formElems = $("#dataform input[type='text']");
formElems.each(function(i,elem) {
$(this).val(data[i]);
// or even better use the following faster way
// if they are always text boxes
// this.value = data[i];
});
}
演示: http://jsfiddle.net/joycse06/AJhEW/
更新(替代方式):
您还可以使用隐式循环
和.val()
函数的.val(function(index,val)
变体来实现此目的,如下所示
var insert_data_in_form = function(data) {
var formElems = $("#dataform input[type='text']");
formElems.val(function(i) {
return data[i];
});
};
关于javascript - 如何在表单输入元素内的数组中插入数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11098113/