Ein JSON-Array aus PHP in einer jQuery-Funktion lesen

Question

Ich verwende die akzeptierte Antwort auf this question, um mir zu helfen, ein HTML-Auswahlmenü aus einem JSON-Array mit jQuery zu erstellen.

ist mein JSON-Array aus einem PHP-Skript als $ Menü und sieht wie folgt geführt:

{ "options": [ 
    { "id":"7","name":"Smith, John"}, 
    { "id":"4","name":"Jones, Tom"} 
    ] 
} 

Zuerst habe ich das Skelett meiner Auswahlmenü erstellen und es in die Seite einfügen:

var div = '<div class="row">'; 
var label = '<label for="employee">Employee</label>'; 
var select = '<select name="employee id="employee">'; 
var close = '</select></div>'; 
var menu = div + label + select + close; 

$('#clicked_link').prepend(menu); 

Dann versuche ich die $ Menü Array jQuery wie folgt weitergeben müssen:

var json = '<?php echo $menu; ?>'; 

Dann versuchen Sie die Optionen I anhängen t er neu wählen Sie das Menü erstellt, mit dem Beispiel aus den linked question:

var options = eval('(' + json + ')'); 
var length = options.length; 

for (var j = 0; j < length; j++) 
{ 
    var newOption = $('<option/>'); 
    newOption.attr('id', options[j].id); 
    newOption.attr('name', options[h].name); 
    $('#employee').append(newOption); 
} 

Das Auswahlmenü zeigt wie erwartet, aber es enthält keine Optionen. Kann jemand sehen, wo ich meine Fehler mache? Danke im Voraus.

Überarbeitete Rocket Lösung zu übernehmen:

var json = <?php echo $menu; ?>; 

var options = json.options; 
var length = options.length; 

for (var j = 0; j < length; j++) 
{ 
    var newOption = $('<option/>'); 
    newOption.attr('value', options[j].id); 
    newOption.attr('text', options[j].name); 
    $('#employee').append(newOption); 
} 

Answer 1

Sie brauchen nicht eval zu verwenden, oder sogar JSON.parse hier. JSON ist gültiger JavaScript-Code. Sie können dies nur tun:

var json = <?php echo $menu; ?>; // Note: the quotes have been removed. 

Dies würde den folgenden Code ein:

var json = { "options": [ 
    { "id":"7","name":"Smith, John"}, 
    { "id":"4","name":"Jones, Tom"} 
    ] 
}; 

die, wie Sie sehen können, ist gültig JavaScript-Code.

Dann können Sie var options = json.options tun.

Answer 2

warum nicht

var options = JSON.parse(json).options; 

Answer 3

+1 zu Rockets Antwort, und ich glaube, es gibt auch einen Bug in Ihrem Loop. Die Linie

newOption.attr('name', options[h].list);

h ist nicht definiert. Sie möchten wahrscheinlich j stattdessen. Und das name Attribut ist nicht sinnvoll auf einem option. Stellen Sie für den Wert, der angezeigt wird, text ein. Geben Sie für den Wert, der beim Übermitteln des Formulars an den Server gesendet wird, value ein.