如何在输入焦点上显示所有标签编辑器选项？

Question

我的 JS 数组有 7 个选项

(7) ["tcp-download", "udp-download", "udp-upload", "tcp-upload", "random", "random2", "BeverlyHills"]

我还有一个使用 tagEditor fn() 的输入

当我第一次点击要聚焦的输入时，它根本没有显示任何选项，...

除非我开始输入 a ... 例如。

有没有一种方法可以在我的用户点击输入框时立即向他们显示所有选项？

$('#tags').tagEditor({

    autocomplete: {
        delay: 0,
        position: { collision: 'flip' },
        source: options
    },
    forceLowercase: false,
    delimiter: ',', /* space and comma */
    placeholder: 'Ex. tcp-download',
    initialTags: '',
    onChange: function(field, editor, tags) {
        console.log(field, editor, tags);
    },

});

备注

我查看了他们的 documentation，我只看到 initialTags。但我想展示的是这些标签的选项没有为我的用户预选。

Answer 1

来自文档，它使用 jqueryui 自动完成。

我找到了这个主题 jQuery autocomplete 1.1: Show All Data on focus，希望这对您有所帮助。

如何在输入焦点上显示所有标签编辑器选项？

How can I show all tag editor options on input focus?

javascript

jquery

jquery-tageditor

备注