Werte von großen JSON zur Anzeige

Question

Ich versuche, nur den Namen aus dem JSON-Objekt für jeden der Kunden zu bekommen. Anzeigen eine Liste von Namen zur Verfügung, so dass eine Person auswählen kann, die dann ein Formular mit dem Namen bevölkern, Adresse, Telefon, etc.

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)) { 
         } 
        } 
       } 
      } 
     }); 
} 

Und die HTML ist

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

Ich hoffe, Sie kann helfen. :)

Answer 1

Die Antwort, die ich am Ende benutze war dies, obwohl Itzmukeshy7 Antwort war, wo ich begann.

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

Answer 2

Try this;)

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

Hier sind Sie innerHTML Überschreiben Sie nicht, dass nur Inhalte anhängen Inhalte vorhandenen using +;