jQuery関数でPHPからJSON配列を読み取る

Question

jQueryを使用してJSON配列からHTML選択メニューを構築するのに役立つ答えがthis questionです。

私のJSON配列は$メニューとしてPHPスクリプトから渡され、次のようになります。

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

まず、私は私の選択メニューの骨格を構築し、ページに挿入：

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

それから私はこのようにjQueryのに$メニューの配列を渡ししよう：

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

その後、私はトンにオプションを追加しよう

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

選択メニューが期待通りまで見せているが、それは何のオプションが含まれていません：彼は、新たにlinked questionからの例を使用して、選択メニューを作成しました。誰が私のエラーをどこに見ているのですか？前もって感謝します。ロケットのソリューションを組み込むために改訂

：

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

あなたがここにeval、あるいはJSON.parseを使用する必要はありません。 JSONは有効なJavaScriptコードです。あなたはこれを行うことができます：あなたが見ることができるよう、

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

、有効なJavaScriptコードです：

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

これは、次のコードになるだろう。

次に、var options = json.optionsを実行できます。

Answer 2

なぜ

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

Answer 3

+1ロケットの答えに、あなたのループにもバグがあると思います。ライン

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

hが定義されていません。おそらくjが代わりに必要です。またname属性はoptionでは意味がありません。表示される値はtextと設定します。フォームが送信されたときにサーバーに送信される値は、valueと設定します。