Autocomplete, работа с JSON

325
02 апреля 2017, 04:18

Добрый день. У меня следующий вопрос: есть поле input с jquery autocomplete. Ниже - код обработки этого поля. Переменная country-idизвестна заранее.

$("#city-id").autocomplete({
    source: function (request, response) {
        $.ajax({
            url: "get-countries-cities.php",
            data: {
                "country-id": countryId,
                q: request.term
            },
            dataType: "json",
            success: function(data) {
                response($.map(data, function (rt) {
                    return {
                        title: rt.cities.title,
                        id: rt.cities.id
                    };
                }));
            },
            error: function () {
                response([]);
            },
            select: function (event, ui) {
                alert("Название города: " + ui.item.title + "id города: " + ui.item.id);
            }
        });
    }
});

С сервера приходит ответ в виде:

{
    "type":"success",
    "cities":[
        {
            "title":"Ишеевка, Пензенская область",
            "id":1068880
        },
        {
            "title":"Ишеевка, Ульяновская область",
            "id":1112050
        }
    ]
}

Далее я хочу, чтобы в поле input по нажатию оказалось название города (title), а в скрытом поле установилось значение id города (сейчас это дело эмулирует alert).

Беда в том, что я никак не могу "достучаться" до нужных мне элементов JSONа.. Что-то неверно здесь, полагаю.

return {
    title: rt.cities.title,
    id: rt.cities.id
};

P.S. В JS я вообще ноль. Но пришлось связаться. От количества {} и ({}) голова болит..

READ ALSO
Переключение nav-tabs bootstrap при клике по ссылке

Переключение nav-tabs bootstrap при клике по ссылке

На сайте есть раздел новостей, с двумя nav-tabs, они сейчас работаю корректно (переключаются между собой), но когда мы уже зашли в этот раздел,...

256
как получить эффект при скролле где элементы двигаются

как получить эффект при скролле где элементы двигаются

есть div-ы с текстом и изначальном opacity 04 и позиционированные на левом краю окна

241
Меню в виде карусели для мобильных

Меню в виде карусели для мобильных

Вот так сверстано меню на мобильной версии

325
Как кроссбраузерно сделать смену favicon через Java Script?

Как кроссбраузерно сделать смену favicon через Java Script?

Требуется сделать динамическую смену favicon через JS, вроде той, что есть в VK (например, при прослушивании музыки)Желательно в теге с иконкой...

251