jQuery-пользовательский интерфейс, выбираемый для ввода

#jquery #jquery-ui #selectable

#jquery #jquery-пользовательский интерфейс #выбирается

Вопрос:

пожалуйста, перейдите по этой ссылке: СКРИПКА

Я создаю этот ввод (это инструмент поиска) и добавляю несколько «подсказок» для выбора.

Я использую скрытый абзац, чтобы лучше его сохранить.

У меня 2 проблемы:

  1. если вы попытаетесь выбрать 3 подсказки и отменить выбор всех, вы увидите, что скрытый текст пуст, но на входе выбраны последние подсказки.
  2. Я бы хотел, чтобы, если я вручную наберу «Hello world» и затем использую подсказки, Hello world останется там всегда, также если я удалю все подсказки, чем.

Заранее благодарим вас за помощь.

Ответ №1:

для вашего первого вопроса попробуйте этот код

 $(document).ready(function() {
    var lista = $('ul#common-list');
    lista.bind("mousedown", function (e) {
        e.metaKey = true;
    }).selectable({
        stop: function () {
            var result = $("input#search");
            var fakeText = $('p.hidden-tips-text').empty();
            $(".ui-selected", this).each(function () {
                var index = $(this).text();
                fakeText.append((index)   " ");
            });
           result.val(fakeText.text());
        }
    });
});
  

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

1. Да, это работает! Спасибо, если вы можете исправить и второй, вы № 1!

2. Решаемая самостоятельно после вашей помощи. Спасибо.