jQuery autocomplete нужно чтобы при клике на вариант не заполнял строку поиска

254
12 октября 2017, 11:42

Итак мы начинаем вводить что-либо в строку поиска, jQuery подбирает варианты. Я кликаю на один из вариантов и данный вариант подставляется в сроку поиска.

В моей же реализации каждый вариант поиска имеет ссылку. То есть при клике я сразу перехожу по ссылке, и мне не нужно чтобы jQuery подставлял вариант выбора в строку поиска. Как это можно сделать.

Код:

$(document).ready(function () {
    $("#filter").autocomplete({
        source: function (request, response) {
            $.ajax({
                url: "/webapp-1.0-SNAPSHOT/searchProgress",
                data: {
                    filter: request.term
                },
                method: "GET",
                success: function (data) {
                    response($.map(data, function (account) {
                        return {
                            value: account.firstName,
                            url: "/webapp-1.0-SNAPSHOT/id" + account.id,
                            label: account.firstName + ' ' + account.secondName,
                            imgsrc: account.photo
                        };
                    }));
                }
            });
        },
        select: function (event, ui) {
            window.location = ui.item.url;
        },
        minLength: 2,
    }).data( "ui-autocomplete" )._renderItem = function( ul, item ) {
        return $( "<li></li>" )
            .data( "ui-autocomplete-item", item )
            .append( "<a>" + "<img class='img-circle' style='width:25px;height:25px' src= data:image/png;base64," + item.imgsrc + " /> " + item.label+ "</a>" )
            .appendTo( ul );
    };
});
READ ALSO
drag на мобильных устройствах

drag на мобильных устройствах

Здравствуйте, надо реализовать на мобильных телефонах перетаскивание блоков пальцем, до этого находил drag плагины которые работали только...

244
Присвоение класса к элементу

Присвоение класса к элементу

Подскажите пожалуйста как сделать чтобы можно было выбрать пол каждому пассажиру? Для этого нужно присваивать классы chosen, но я не придумаю...

266
bootstrap datetimepicker на iphone увеличивается масштаб экрана [требует правки]

bootstrap datetimepicker на iphone увеличивается масштаб экрана [требует правки]

На iPhone при нажатии на окно datetimepicker увеличивается масштаб экрана

231
onmouseover/out задержка смены изображений

onmouseover/out задержка смены изображений

Пример кода еще сыройБуду переделывать на jQuery

222