将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]);
});

假期过完了,布鲁西特!

    原文作者:小朋友
    原文地址: https://segmentfault.com/a/1190000000710647
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞