为对象中的所有表单元素设置值

Question

我有一个 html 表单，我需要设置表单中所有元素的值。

我有一个像这样的对象，其中包含所有字段名称及其值：-

obj= {  
   name:'john',
   age:10,
   Country:'USA'
}

有没有办法直接使用 jquery 或不需要太多代码的东西来设置值，而不是访问表单的每个元素并设置值？

最简单的方法是什么？

Answer 1

Object.keys(obj).forEach(key => {
    $(`input[name="${key}"]`).val(obj[key]);
})

这会循环遍历每个对象属性，查找与对象属性键同名的输入，并将其值设置为属性值