帮助 Jquery 自动完成 - 即将完成

Question

我一直在自定义 Jquery UI 自动完成功能，以确保用户仅提交来自 geonames 数据源的数据。

DEMO

选择城市名称后，我还从 geonames web 服务中检索国家/地区、纬度和经度，并添加它们隐藏的输入。

为了确保人们实际从建议列表中选择城市，如果您单击建议列表之外的位置，我会清除输入。

（我还在 php 中进行了一些验证）

问题：单击建议列表后，当您键入城市名称时，除非按空格键，否则它不会重新出现。我不确定是什么原因造成的。此外，当您输入带有空格的城市时，有时建议列表会消失。

有人可以分享一些指导吗？我也欢迎任何其他建议！

Answer 1

自动完成插件曾经有一个名为“mustMatch”的选项 - 它做了您想要的事情，但现已被删除。

我相信您可以按照以下说明重新实现它：

如何在 jQuery UI 自动完成中实现“mustMatch”和“selectFirst”？

另一个选项：

用以下丑陋的内容替换您的更改（在修改后的小提琴中）或关闭（在原始小提琴中）解决方法：

        change: function (event, ui) {
            //if the value of the textbox does not match a suggestion, clear its value
            if ($(".ui-autocomplete li:textEquals('" + $(this).val() + "')").size() == 0) {
                $(this).val('####');        
                $(this).autocomplete("search");
                $(this).val('');
                $(this).autocomplete("close");                    
            }
        }