Как создать выпадающее меню с html <select>в jquery и заполнить его ответом (списком) вызова ajax?

Question

Сначала мой код: -

function getSchools(selectedReport){
             $("<select id = 'schools'  onChange = 'createReport(this)'></select>").insertAfter("#myList")
             $.ajax({
                 type:'GET',
                 url:'http://localhost:8080/getSchoolList',
                 xhrFields: {
                     withCredentials:true
                 },

                 success:function(response){
                    var dropdown = $("schools");
                    dropdown.empty();
                    $.each(response, function(index,value){
                        $('schools').append(value.schoolName);
                    })
                 },
                 error:function(response){
                    console.log("Don't care about this for now");
                }
}

Что мне нужно, так это получить schoolName со всех карт в ответе (это список карт) и добавить их в выпадающий список с id = 'schools'. Что я должен делать по-другому?

Answer 1

Попробуйте, здесь schoolId предполагается, пожалуйста, добавьте ваш уважаемый объект / элемент

$.each(response, function(index,value){
       $('#schools').append('<option value="'+value.schoolId+'">'+value.schoolName+'</option>');
});