將Json值填充至表單

小朋友發表於2014-10-06
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]);
});

假期過完了，布魯西特!

相關文章