如何将所选数据行从JSON文件绑定到输入字段(文本)

Question

我需要将单个数据（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

so， 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

在声明变量以查看如何获得变量$ resobjstr之后，请使用console.log（jsondata），并且在此方面您知道如何解析JSON可以通过JavaScript

访问JSON