如何將json文件中的選定數據行綁定到輸入字段（文本）？

Question

我需要將單個data（json）行綁定到輸入字段onclick事件。

<script>
                              var Jsonstr = <?php echo $resObjstr; ?>;
                              for (var key in Jsonstr) {
                                  if (Jsonstr.hasOwnProperty(key)) {
                                    //console.log(Jsonstr[key]["tile_name"] + ", " + Jsonstr[key]["id"]);
                                    $('.rowP1').append("<tr><td>"+Jsonstr[key]['id']+"</td><td><a href='#' title='"+Jsonstr[key]['tile_name']+"' id='"+Jsonstr[key]['id']+"' onClick='getDetails("+Jsonstr[key]['id']+",modifytile)'>"+Jsonstr[key]['tile_name']+"</a></td><td>"+Jsonstr[key]['detail']+"</td><td><img src='wp-content/themes/orchid-new/assets/img/"+Jsonstr[key]['image']+"' width='138' height='79' style='border:1px solid #999999;'/></td><td class='showprov' data-prov=''>"+Jsonstr[key]['providers']+"</td><td>"+Jsonstr[key]['states']+"</td><td>"+Jsonstr[key]['occurring']+"</td><td><button type='button' class='delTile' onclick='DelTiles("+Jsonstr[key]['id']+");'><i class='material-icons'>delete_forever</i></button></td></tr>");
                                  }
                              }
                          </script>
<a href="#"onclick='getDetails(tileid);'>Link</a>
function getDetails(tileid){
    console.log(tileid);
    if (tileid != null || tileid !=''){
        $('.nav-tabs a[href="#modifytile"]').tab('show');

        var jsondata = <?php echo $resObjstr; ?>;
        for (key in jsondata) {
            if (jsondata.hasOwnProperty(key)) {
                    $.each(jsondata[key], function (index, val) {
                        var txt = $('#tile_name').eq(index).val(val);
                        $('#tile_name').eq(index).val(val);
                        console.log(txt);
                    });
            }
        }
    }
}

而是顯示json字符串的最后一行。 正如您從示例圖像中看到的那樣，json數據呈現得很好。 樣本圖片

Answer 1

因此，然后break循環；

for (key in jsondata) {
    if (jsondata.hasOwnProperty(key)) {
            $.each(jsondata[key], function (index, val) {
                var txt = $('#tile_name').eq(index).val(val);
                $('#tile_name').eq(index).val(val);
                console.log(txt);
                return false;
            });
            break;
    }
}

Answer 2

在聲明變量后使用console.log（jsondata）來查看如何獲取變量$ resObjstr，並知道如何解析json以供javascript訪問