将用户输入添加到自动填充

时间:2016-03-11 14:49:01

标签: jquery autocomplete

下午好,

初级开发者问题......

我在此标记插件中使用jquery自动完成:

$('#hh').tagEditor({
  duplicateTagClass:'bounce',
  initialTags:['Insert','tags','here'],
  placeholder: 'Insert tags here',
  autocomplete: {
    delay: 0,
    minChars: 1,
    position: {collision:'flipfit'},
    source:  ['a','b','c']}

我需要知道如何在本地数组中插入用户的输入。 用户输入“a”,自动填充功能会显示结果,但如果用户输入“k”,请按Enter键,我需要将“k”值保存为自动完成源的一部分。

希望我能够清楚地解释自己。 提前谢谢。

1 个答案:

答案 0 :(得分:0)

请检查https://jsfiddle.net/alanshearer/hfgz5e6e/4/ 您可以使用onChange回调tageditor小部件来解决您的问题:

HTML:

<input id="tags-editor" />

使用Javascript:

var source = ['a','b','c'];

var tagseditor = $('#tags-editor').tagEditor({
    duplicateTagClass:'bounce',
  initialTags:['Insert','tags','here'],
  placeholder: 'Insert tags here',
  autocomplete: {
    delay: 0,
    minChars: 1,
    position: {collision:'flipfit'},
    source: source
  },
  onChange: function(field, editor, tags) {
  var value = tags.reverse()[0];
  if ($.inArray(value, source) =='-1')
      source.push(value);
  }
});