时间:2010-07-26 15:34:54

标签: jquery autocomplete youtube

5 个答案:

答案 0 :(得分:21)

我想要类似的行为,使用jQueryui的默认自动完成小部件。诀窍是使用'select'事件,但是从select-handler提交将不会产生所需的结果,因为输入还没有填写选择。

以下代码对我有用:

$("input#searchbox").autocomplete({
  source: autocomplete,
  select: function(event, ui) { 
    $("input#searchbox").val(ui.item.value);
    $("#searchform").submit();
  }
})

(在上面的示例中,'autocomplete'是指向完成源的网址)

输入#searchbox是实际输入条目,#searchform是其父表单。基本上,您需要在提交之前填写输入。

答案 1 :(得分:0)

答案 2 :(得分:0)

最初,我使用了一些简单的内容,例如Bassistance.de

我继续使用devBridge

之前的另一个库

devBridge有一个名为“onSelect:”的选项,允许我自动提交表单。

答案 3 :(得分:0)

$j("input#directorySearch").result(function(event, data, formatted) {
  $(this).closest("form").submit();
});

官方文件:http://docs.jquery.com/Plugins/Autocomplete/result#handler

答案 4 :(得分:0)

$(function() {
$( "#search" ).autocomplete(
    {
         source:'/search-terms.php',
         focus: function(event, ui) {
             $("input#search").val(ui.item.label);
         },
         select: function(event, ui) {

            $("#searchform button").click(); }
    })
});

我正在使用此工作正常:)