大きなJSONから値を取得して表示する

Question

各顧客のJSONオブジェクトから名前を取得しようとしています。人はなど、名前、住所、電話でフォームを移入します1、

btn.onclick = function() { 
    modal.style.display = "block"; 

    var Sdata = document.getElementById('search').value; 
    $.ajax({ 
      url: "search1.php", 
      search:Sdata 
     }).done(function(data) { 
      var jObject = JSON.parse(data); 

      for (var key in jObject) { 
       if (jObject.hasOwnProperty(key)) { 
        document.getElementById("modalContent").innerHTML = (key + "->" + jObject[key]); //insert data into modal 
        for (var key in p) { 
         if (jObject.hasOwnProperty(key)) { 
         } 
        } 
       } 
      } 
     }); 
} 

を選択することができるように可能な名前のリストを表示し、HTMLが

<form id="searchbox" action="search1.php">     
    <input id="search" name="search" type="text" 
     placeholder="Search by Name"> 
    <input id="myBtn" type="button" value="Search" > 

    <div id="myModal" class="modal"> 
    <span class="close">&times;</span> 
    <h2>Test Drives</h2> 
    <div id="modalContent"> 


    </div> 
    </div> 
</form> 

である私はあなたを願っています助けられる。 :)

Answer 1

これは私が使い始めた答えですが、itzmukeshy7の回答は私が始めたところでした。

$.each(jObject, function(key, value) { 
    $('#'+ key).bind('click', {obj:value}, function(event){ 
     var driver=event.data.obj; 

Answer 2

ことは、これを試してみてください;）ここで

var jObject = JSON.parse(data); 
for (var key in jObject) { 
    document.getElementById("modalContent").innerHTML += (key + "->" + jObject[key]); //insert data into modal 
} 

あなたがinnerHTMLを上書きするだけで+を使用して、既存のコンテンツにコンテンツを追加することを行いません。