如何使用jqueryui提交google的autosuggest表格onclick？

看起来像使用jqueryui的类别使事情有点复杂。 我试过这个：

 $(document).ready(function() { $.widget( "custom.catcomplete", $.ui.autocomplete, { _renderMenu: function( ul, items ) { var self = this, currentCategory = ""; $.each( items, function( index, item ) { if ( item.category != currentCategory ) { ul.append( "
" + item.category + "
" ); currentCategory = item.category; } self._renderItem( ul, item ); }); }, select: function(event, ui) { $("input#autocomplete_text").val(ui.item.value); $("#autocomplete_form").submit(); } }); $( "#autocomplete_text" ).catcomplete({ delay: 0, source: function(request, response) { $.ajax({ url: "", data: { term: $("#autocomplete_text").val()}, dataType: "json", type: "POST", success: function(data){ response(data); } }); } }); });  

使用该表格：

我的例子

我想要做的是，点击建议列表中的项目后提交表单。

任何帮助将不胜感激。 提前致谢。

Answer 1

从ui.autocomplete init函数中删除select：函数并将其移动到catcomplete函数

嵌入式PHP和依赖您的服务器响应类别使我们在您的Web域外编辑变得麻烦。

工作示例jsfiddle less ajax stuff。

Answer 2

我建议你先检查一下你的php文件..你得到的是Undefined变量：link ..这意味着没有设置$ link变量，或者你的ajax中的数组没有通过。