在传统HTML表单上使用JQuery Autocomplete。
尝试在选择时提交表单(老式的方式)。
但输入框被填写,然后我必须按“返回”第二次,或单击提交按钮。
我试过几个SO的例子,但我不能让他们工作。
如何在选择时自动提交表单?
解决方法
更新:我终于想出这一个,下面的代码应该做的伎俩。由于某些原因,更改回调不工作,但是close&选择回调。使用select更好,因为如果字段失去焦点也将调用close。
$(function() { $("#searchField").autocomplete({ source: "values.json",select: function(event,ui) { $("#searchForm").submit(); } }); });
另一个更新:确定,选择回调也是一个问题,这是默认情况下(在上面的代码)如果你遍历自动完成下拉与键盘,并选择与输入键,输入在表单之前更改提交。但是,如果您使用鼠标选择它,则表单会在输入更改之前提交,因此提交的值仅是用户输入的值(而不是她从自动填充下拉列表中选择的值)。似乎工作的woraround是:
$("#searchField").autocomplete({ source: "values.json",minLength: 2,ui) { $("#searchField").val(ui.item.label); $("#searchForm").submit(); } });