Question

我想在一个输入字段上使用2个功能。但是只有标签输入有效。

功能1 =引导标签输入

功能2 = jQuery自动完成

来源： https://bootstrap-tagsinput.github.io/bootstrap-tagsinput/examples/ 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（{）with（$（'。text'）。autocomplete （{和$（'。text'）。tagsinput（{ 应该可以。

在一个输入字段上提供多种JavaScript函数

1 个答案: