2016-11-14 7 views
-4

私は、javascriptによって与えられたデータでhtml5 selectを作成したいと思います。このjavascriptの中で、ajaxはJson URLを呼び出しています。HTML5を選択JSON AJAX JAVASCRIPT

--index.html

 <!DOCTYPE html> 
 
<html> 
 
<head> 
 

 
    <script src="functions_app.js"></script> 
 
    <script src="https://code.jquery.com/jquery-1.10.2.js"></script> 
 
</head> 
 
<body onload="getData()"> 
 

 
<p>Sessions: 
 
<select id="Select"></select> 
 

 

 
</body> 
 
</html>

functions_apps.js

function getData(){ 
 

 
\t  $.ajax({ 
 
\t  \t type: "GET", 
 
\t  \t url: 'http://.../json_offers.php', 
 

 
\t  \t async: false, 
 
\t  \t dataType: "json", 
 
\t  \t success: function(data){ 
 
\t  \t \t //alert(data); 
 
\t  \t \t $.each(data,function(key, registro) { 
 
\t  \t \t \t var id = ""; 
 
\t  \t \t  var name = ""; 
 
\t  \t \t  
 
\t \t \t \t \t \t $.each(registro, function(key, value) { 
 
\t \t \t \t \t \t \t //alert(campo + ": " + valor); 
 
\t \t \t \t \t \t \t if (key == "id") { id = value; } 
 
\t \t \t \t \t \t \t if (key == "name") { name = value; } 
 
\t \t \t \t \t \t \t \t \t \t \t \t \t \t 
 
\t \t \t \t \t \t }); 
 
       }); 
 
\t \t \t $("#select").append('<option value='+id+'>'+nombre+'</option>'); \t \t 
 
\t  \t }, 
 
\t  \t error: function(data) { 
 
\t  \t \t alert('error'); 
 
\t  \t } 
 
\t  }); 
 
}

json_offers.php:私は意味、I'veはこれを得ました

Json data: 
 
[{"id":"6","name":"FLOWERS"},{"id":"8","name":"GROCERY"}]

しかし、それは動作しません。それは、常に返す:

エラー:機能(データ)

私が選択したHTML内で与えられたデータをロードcan't。

ヘルプ

よろしく

+1

にオプションを入れしようとしている...どうやって?いくつかの詳細、エラーメッセージ、何かを含める必要があります。 – ssube

+0

si quieres publicarlo enespañol:http://es.stackoverflow.com – fredyfx

答えて

1

あなたは<select id="Select"></select>を持っていますが、あなたはそれが動作しない$("#select_zcas")