一个输入字段上的多个 javascript 函数

Question

我想在一个输入字段上使用 2 个函数。但只有 tagsinput 有效。

功能 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({ 它应该可以工作。