IT虾米网

将Json值填充至表单详解

sanshao 2022年05月14日 编程语言 148 0
本文章主要介绍了将Json值填充至表单,具有不错的的参考价值,希望对您有所帮助,如解说有误或未考虑完全的地方,请您留言指出,谢谢!

之前学习过将表单值序列化成Json

这次遇到了一个小的需求,需要将Json反过来填充至表单中

堆栈溢出了一顿并且尝试之后,这个方法比较简洁,大家随便感受一下

Json数据:

info:{ 
    name: xiaopengyou 
    eyes: two 
    kidneys: two 
} 

胡来的表单:

<form class='apple'> 
    <input name='name'> 
    <input name='eyes'> 
    <input name='kidneys'> 
</form> 

通过filter大法,就可以将表单值填充进去了:

Object.keys(info).map(function(key){ 
    $('.apple input').filter(function(){ 
        return key == this.name; 
    }).val(info[key]); 
}); 

假期过完了,布鲁西特!


发布评论
IT虾米网

微信公众号号:IT虾米 (左侧二维码扫一扫)欢迎添加!

Object.entries()和Object.fromEntries()详解
你是第一个吃螃蟹的人
发表评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。