2016-04-07 46 views
0

我做了以下表格形式:自動完成提交點擊鼠標選擇

<form action="search-engine/search.php"> 
    <input id="words" name="q" class="form-control" type="text" placeholder="Buscar aquí" > 
    <div class="input-group-addon search-div"> 
     <button type="submit" id="submitForm" class="btn-search"> 
      <span class="fa fa-search fa-fw "></span> 
     </button> 
    </div> 
</form> 
$("#words").autocomplete({ 
    source: "autocomplete.php", 
    minLength: 2, 
    select: function(event, ui) { 
     //assign value back to the form element 
     if(ui.item){ 
      $(event.target).val(ui.item.value); 
     } 
     //submit the form 
     $(event.target.form).submit(); 
    } 
}); 

代碼工作得很好。自動完成正在運行,並且如果您在完成選擇後點擊了ENTER,表單就會被提交。

我還想添加發送表單的可能性,當您在選擇上點擊鼠標時,如Google。

我已經解決了改變:

$(event.target.form).submit(); 

隨着

document.getElementById("submitForm).click(); 

有另一種方式使用jQuery做呢?

回答

0

問題是您檢索表單的方式。試試這個:

$(event.target).closest('form').submit(); 
+0

這是行不通的。要在選擇後提交表單,我需要按下按鈕或單擊ENTER – Overnet

相關問題