JQuery的自動完成表單提交

我已成功地實現我的網站上jQuery自動完成插件，但不知道是否有可能使表單自動提交，一旦用戶選擇從搜索的項目。我有以下設置：JQuery的自動完成表單提交

HTML表單：

<form class="quick_search" action="../include/search.php" method="post"> 
    <input type="text" name="search" id="search" value="Search..."> 
</form>

的JavaScript：

$().ready(function() { 
    $("#search").autocomplete("../include/search.php", { 
     width: 350, 
     selectFirst: false 
    }); 
});

我還包括jQuery和Autoplugin腳本。 search.php文件包含搜索選項的列表。

目前，搜尋工作正常，我只是需要它來提交，一旦某一項從顯示的列表中選擇的形式。我試圖在搜索字段中使用onClick和onSelect選項，但這兩個選項都無法正常工作。

任何幫助，將不勝感激（我真的不明白JS）！謝謝。

來源

2012-11-25 mckeegan375

剛剛發現可以使用select但不是ui.item但ui.item.value

$(document).ready(function() { 
    $(function() { 
     $("#search_box").autocomplete({ 
      source: ['Google', 'Yahoo', 'StackOverflow'], 
      select: function(event, ui) { 
       $(event.target).val(ui.item.value); 
       $('#search_form').submit(); 
       return false; 
      }, 
      minLength: 1 
     }); 
    }); 
});

看到這個小提琴http://jsfiddle.net/uXHCQ/

感謝@tim彼得森jQuery-UI Autocomplete submitting form onclick of item from dropdown list

來源

2012-11-25 13:41:14 sayannayas

謝謝爲答覆。不幸的是，我無法讓它與我上面的例子一起工作。我試着將你的代碼下面我selectFirst：假線，代之以「//這裏發表您的形式」與「$（」＃searchForm「）提交（）;」。（我給了表格一個名字），但這不起作用。有什麼建議麼？謝謝 – mckeegan375

JQuery的自動完成表單提交

回答

相關問題