jquery ui 自动完成堆栈溢出样式

Question

我有兴趣使用 jquery 自动完成构建堆栈溢出样式标签输入。

所以主要操作是：

1. 如果你输入'a'，带有'a'的查询将会显示（没问题，这就是jquery自动完成的工作原理）
2. 如果你按下或向上选择一个推荐，输入框就会改变。

这里的技巧是，每当输入更改时，只有最后一项会更改。

这意味着，如果您获取输入的值，并选择一个查询，只有

var l = $input.val().split(' ');
l[l.length-1] will be changed

我尝试过 Monkeypatching jquery autocomplete 的 _value 函数，但没有成功。我意识到，即使你向上、向下或 esc 移动，输入也会变得混乱。我恳求在自动完成方面有经验的人给我一些启发

Answer 1

无论如何，我已经设法理解源代码并解决我的问题。

基本上，monkeypatching jquery.autocomplete 的 _value 函数就可以了。

(function( $, undefined ) {

  /* This is the getter and setter of the value
   * When getting, parse and return the last part
   * When setting, just set the last part
   */
  jQuery.ui.autocomplete.prototype._value = function( value ) {
    var originalstr = this.valueMethod.apply( this.element);

    if (arguments.length) { 
      var l = originalstr.split(' ');
      l[l.length -1] = arguments[0];
      this.valueMethod.apply(this.element, [l.join(' ')]);
    }
    else { 
      var l = originalstr.split(' ');
      return l[l.length -1];
    }
  };

} ( jQuery ));

此代码修改了自动完成获取和设置输入框内的值的方式