如何使用ajax在选择下拉列表中填充json数据？

Question

Actually i need to display the list of school in a dropdown using select tag so far i am getting the response through hard coded values now here is the problem not able to generate through a link i am getting the data from rest full service how to do that , any on please help 实际上，到目前为止，我需要使用选择标记在下拉列表中显示学校列表。我现在通过硬编码值获取响应，现在这里是无法通过链接生成的问题，我正在从其余全部服务获取数据。那，请帮忙

  <html>
   <head> 
<meta http-equiv="content-type" content="application/json; charset=UTF-8">
   </head>
   <body>
     <select id="sel"></select>

     <script>
 $(function() {
    var data = [
        {
        "id": "1",
        "name": "test1"},
    {
        "id": "2",
        "name": "test2"}
    ];
    $.each(data, function(i, option) {
        $('#sel').append($('<option/>').attr("value", option.id).text(option.name));
    });
})
    </script>
   </body>
</html>

Answer 1

You can use the getJSON method of jQuery 您可以使用jQuery的getJSON方法

$('#brand').change(function(){
   $.getJSON(
     'your url to get json string',
     'get parameters to send if any',
     function(result){
     //result would have your json string 
     //Empty the dropdown if it is having some items
     $('#item').empty();
     //Looping through all the json items
     $.each(result.result, function(){
     //Appending the json items to the dropdown (select tag)
     //item is the id of your select tag
     $('#item').append('<option>'+this['item']+'</option>');
    }); 
   });
});

Answer 2

Try this, 尝试这个，

$(document).ready(function(){
      getschool(val);
});

function getschool(val) {
    $.ajax({
        type: "GET",
        url: 'http://localhost:8080/SMWS/Rest/parentService/parent/getSchoolDetails',
        contentType: "application/json;charset=utf-8",
        dataType: "json",
        data:'school_id='+val,
        success: function(data){
            var html = '';
            $.each(data, function(index,value){         
                html+= '<option value="'+value['item_value']+'">'+value['item']+'</option>';
            }); 
           $('#country-list').html(html);
        }
    });
}

如何使用ajax在选择下拉列表中填充json数据？

问题描述

2 个解决方案

解决方案1
0 2015-12-16 12:09:20

解决方案2
0 2015-12-16 12:32:07

如何使用ajax在选择下拉列表中填充json数据？

问题描述

2 个解决方案

解决方案1 0 2015-12-16 12:09:20

解决方案2 0 2015-12-16 12:32:07

解决方案1
0 2015-12-16 12:09:20

解决方案2
0 2015-12-16 12:32:07