2013-12-15 33 views
0

我正在使用typeahead.js自動填充插件來搜索框上的建議。它工作正常,但是我想在用戶選擇選項並單擊時執行搜索。這怎麼可能?Bootstrap Typeahead發送表單點擊

<form action="search.php" method="get"> 
<input name="query" class="typeahead" type="text" data-provide="typeahead" autocomplete="off" required> 
<button type ="submit">Search</button> 
</form> 

js函數

  <script> 
     $('input.typeahead').typeahead({ 
     source: function (query, process) { 
     $.ajax({ 
     url: 'data.php', 
     type: 'POST', 
     dataType: 'JSON', 
     data: 'query=' + query, 
     success: function(data) { 
     console.log(data); 
     process(data); 
     } 
     }); 
     } 
     }); 
     }); 
      </script> 

回答

2

像這樣的事情應該去做

$('input.typeahead').bind("typeahead:selected", function() { 
     $("form").submit(); 
    }); 
+0

嘗試...如果你設置一個調試器得到它的'$不起作用 – user3006683

+0

( 「form」)。submit()'line或者甚至不能進入那個函數?有可能我使用的選擇器對你的代碼來說不是100%正確的,但這是你想要做的一般要點。 – Dhaulagiri