Несколько функций JavaScript в одном поле ввода

Question

Я хочу использовать 2 функции в одном поле ввода. Но работает только taginput.

Функция 1 = входные метки начальной загрузки

Функция 2 = автозаполнение jquery

Источники: https://bootstrap -tagsinput.github.io / самозагрузки-tagsinput / примеры / https://www.devbridge.com/sourcery/components/jquery-autocomplete/

Попытка применить автозаполнение на .autotest вместо #tagsearch, но это тоже ничего не делает.

<input type="text" data-role="tagsinput" name="tagsearch" class="autotest" id="tagsearch" value="" placeholder="Zoek op functie">

JS код:

//Var to set for maximum tags we allow
$iMaximumTags = 5;

//Maximum of 5 tags
$('#tagsearch').tagsinput({
    maxTags: $iMaximumTags,
    trimValue: true
});

    //Autocomplete test
var countries = [
   { value: 'Andorra', data: 'AD' },
   // ...
   { value: 'Zimbabwe', data: 'ZZ' }
];

$('#tagsearch').autocomplete({
    lookup: countries,
    onSelect: function (suggestion) {
        alert('You selected: ' + suggestion.value + ', ' + suggestion.data);
    }
});

Когда я удаляю код ввода тегов, автозаполнение работает. Нет ошибок JS.

Если код автозаполнения находится над входом тегов, все еще работает только ввод тегов.

Answer 1

Вместо поиска для id (#tagsearch) измените :( $ ('# tagsearch'). Autocomplete ({и $ ('# tagsearch'). Tagsinput ({) с ($ ('. Text'). Autocomplete ({и $ ('. text'). tagsinput ({ это должно работать.