如何在表单输入元素内的数组中插入数据
how to insert data in array inside form input elements
我有一个数组,里面有一些数据。此数组包含 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/
更新(替代方式):
您也可以使用 Implicit Looping
和 .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];
});
};
演示:http://jsfiddle.net/joycse06/AJhEW/2/
el -> arr:
form_arr[form_el.attr('name')] = form_el.val();
arr -> el:
form_el.val(form_arr[form_el.attr('name')]);
相关文章:
- 将数组中的值插入到表中
- 在数组中插入对象失败
- JavaScript-在不影响索引的情况下将元素插入数组
- 如何使用JQuery将值数组插入到数据库中
- 通过node-js脚本将文档数组插入mongodb中的数据库时出现问题
- 将 json_encode() 数组插入 javascript 函数
- 如何在 zend_form 中将数组插入 JavaScript
- 将 JavaScript 数组插入到 SQL 表中
- Javascript 数组插入
- 在for循环javascript中将数组插入到空数组中
- 将数组插入location.href
- 关于将javascript中的数组插入HTML中的段落元素的基本帮助
- 如何通过angular js将数组插入到node js web服务中
- AngularJS将数组插入指令中的字符串
- 通过javascript将php值的数组插入到select选项中
- 根据数组插入html
- 如何将哈希映射数组插入Redis?(Node.js)
- 高图表将数据从数组插入到折线图中
- JavaScript如何将数组插入到表中
- 在jquery/js中从数组插入元素到表