Блог

Главная - Вопросы по программированию - Как создать выпадающее меню с помощью html в jquery и заполнить его ответом (списком) на вызов ajax?

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

#javascript #jquery #ajax

#javascript #jquery #ajax

Вопрос:

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

 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’. Что я должен сделать по-другому?

Комментарии:

1. не могли бы вы добавить рабочий пример, пожалуйста? неясно, на чем вы застряли.

2. в ответе содержится 45 списков (карты, одним из ключей карты является ‘SchoolName’). Я пытаюсь выполнить итерацию по списку и добавить все мои школы в выпадающий список <select>. Но это не работает.

Ответ №1:

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

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

Комментарии:

1. Сработало. Ты потрясающий! Поскольку я новичок в jquery, можете ли вы предложить мне источник, предназначенный именно для такого рода материалов?

2. пожалуйста, обратитесь к этому для получения более подробной информации: api.jquery.com/each , Пожалуйста, примите ответ, если он сработал