如何强制用户仅从自动完成弹出窗口中选择值

时间:2012-11-27 09:56:38

标签: jquery-ui

我正在使用jquery UI自动填充zipcode文本字段。我想强制用户只选择自动填充选项中的邮政编码。

在提出这个问题之前,我已经在上面的问题上搜索了很多但是我没有得到任何解决方案。

实际上我正在使用Ajax调用从www.geonames.org网站获取json响应 其中包含对邮政编码,州,城市和城镇的回复其他一些价值观。

我的问题是我无法实现强制用户仅从自动填充中选择值的功能。

如何做到这一点任何提示和答案都对我有帮助

1 个答案:

答案 0 :(得分:0)

您可能想要考虑使用自动完成来限制用户在字段上的输入的UX含义。通常,这些类型的控件用于帮助提出可能性,而不是限制。想想护目镜建议作为一个例子。

然而,要回答这个问题。您可以根据blur上自动填充的返回结果检查输入值,以确保它与至少其中一个匹配。我找到了a working example of this here

另一种流行的方法是填充仅由自动完成result事件填充的隐藏表单元素: https://stackoverflow.com/a/2585868/159341