jquery 自动完成接受而不从下拉列表中选择

Question

我正在使用自动完成插件向用户显示键入单词时可供选择的选项。

这里的问题是：

如果用户在未单击下拉列表中显示的项目的情况下正确键入与可用标签匹配的词，则此代码将不允许该词。

我该如何解决？，这就是我的。

$( "#fuente" ).autocomplete({
      source: availableTags,
      change: function (event, ui) {
            if (ui.item == null || ui.item == undefined) {
                $("#fuente").val("");
                $("#fuente").attr("disabled", false);
                $('#fuente').removeClass('fuenteboxCheck');
                $('#fuente').addClass('fuenteboxNCheck');
            } 
            else {
                $('#fuente').removeClass('fuenteboxNCheck');
                $('#fuente').addClass('fuenteboxCheck');
            }
        }
    });

有没有简单的方法来解决这个问题？请halp。谢谢。

Answer 1

好的..所以我做了更多的研究并找到了一个很好的解决我的问题的方法。希望这可以帮助其他人解决这个问题。

var lastValue;

        var lastValue;

        $("#fuente").autocomplete({
          source: availableTags,
          select: function(event, ui) {
                lastValue = ui.item.value;
            },
          response: function(event, ui) {
            //lastValue = ui.content.length > 0 ? ui.content[0].value : '';
            if(ui.content.length > 0){
                lastValue = ui.content[0].value;
                $('#fuente').removeClass('fuenteboxNCheck');
                $('#fuente').addClass('fuenteboxCheck');
            }
            else{
                lastValue = '';
                $('#fuente').removeClass('fuenteboxCheck');
                $('#fuente').addClass('fuenteboxNCheck');
            }
          }
        });           
        $("#fuente").on('blur', function() {
            $(this).val(lastValue);
        });lse{
                lastValue = '';
                $('#fuente').removeClass('fuenteboxCheck');
                $('#fuente').addClass('fuenteboxNCheck');
            }   
          }
        });
        $("#fuente").on('blur', function() {
            $(this).val(lastValue);

        });
      });

thnx.

jquery 自动完成接受而不从下拉列表中选择

jquery autocomplete accept without selecting from dropdown

javascript

jquery

jquery-autocomplete