jquery load json при загрузке документа

Question

Я путаю, почему мой этот простой код неверен.

Я просто хочу перечислить данные json при выборе документа при загрузке. это мой JQuery код:

<script> 
$(document).ready(function(){ 
     $("#choose").load(function(event){ 
      $.getJSON('data/colors.json', function(jd) { 
       $('#choose').html('<option value="' + jd.name'">' + jd.name + '</option>'); 
       $('#choose').append('<option value="' + jd.name'">' + jd.name + '</option>'); 
      }); 
     }); 
    }); 
</script> 

это мой HTML:

<select id="choose" style="width:200px"> 

    </select> 

и последний это мой JSON файл:

[ 
{ 
"name": "Yoza", 
"age" : "22", 
"sex": "male" 
}, 
{ 
"name": "nayla", 
"age" : "18", 
"sex": "female" 
} 
] 

как загрузить JSON с каждым. поэтому я могу загрузить больше данных.

Answer 1

Попробуйте

$(function(){ 

    $.getJSON('data.json', function(jd) { 
     $.each(jd, function(i, v){ 
      $('#choose').append('<option value="' + v.name + '">' + v.name + '</option>'); 
     }) 
    }) 

}); 

Демо: Fiddle

Answer 2

Попробуйте

 var data = []; 

    $.getJSON('data/colors.json', function(jd) { 

      $.each(jd, function(k,v){ 

       data.push('<option value="' + v.name'">' + v.name + '</option>'); 

      }); 
      $('#choose').append(data.join('')); 
     }); 

Answer 3

почему вы ждете $('#choose'), чтобы нагружать? Ваша функция выполняется, когда document готов, поэтому $('#choose') готов.