自動完成不發送表單數據提交

伊夫通過一堆與自動完成類似的問題閱讀，但沒有提出解決方案的幫助我與此有關。我有一個表單在數據庫中搜索用戶名。自動完成列表中填充了適當的名稱，並且從自動完成返回代碼的外觀中，名稱將返回相應的ID和VALUE。自動完成不發送表單數據提交

爲什麼我不能與被傳承下去的任何數據提交表單？彷彿形式提交，但沒有信息回來用GET

屏幕是令人耳目一新。只是一個「？」在網址的結尾處。如果我使用鍵盤或使用鼠標在自動完成下拉列表中選擇一個選項，則不會使用GET傳遞任何信息。即使我輸入了一些內容並使用提交按鈕並忽略了自動填充下拉菜單，仍然沒有傳遞任何信息。

這是當前的HTML。

<title>TEST</title> 
<link href="jquery-ui.min.css" rel="stylesheet" /> 
<link href="autocomplete.css" rel="stylesheet" /> 
<script src="jquery-1.11.2.js"></script> 
<script src="jquery-ui.min.js"></script> 
<script src="jquery.ui.autocomplete.html.js"></script> 

<script type="text/javascript" src="../test.php"></script> 


</head> 
<body> 
    <form id="searchform" method="GET"> 
     <input type="text" id="searchterm" placeholder="Search For Client"> 
     <input type="submit" value="Submit"> 
     <script type="text/javascript" src="../js/watchdog.js"></script>  
    </form> 
</body> 
</html>

和JS名爲「看門狗」，正在觀看該表單域。我錯過了什麼？

$(function() { 
    $("#topic_title").autocomplete({ 
     source: "ajax.php", 
     minLength: 2, 
     select: function(event, ui) { 
      var item = ui.item; 
      console.log(item,ui); 
      if(item) { 
       $(this).val(item.value); 
       $(this.form).submit(); 
       return false; 
      } 
     } 
    }); 
});

我還要補充，這是該腳本與同空結果的第七或任一變化。

預先感謝任何與此幫助。

來源

2017-04-04 inkslinger

「彷彿形式提交，但沒有信息回來用GET畫面令人耳目一新。」該插件假設用ajax發送搜索請求！而不是通過發送表單。你不應該離開或刷新頁面 –

搜索自動發生，沒有提交表單。我試圖解決的是之後的信息會發生什麼。我希望能夠選擇其中一個自動填充建議並使用它提交表單，這反過來又會帶回來自該用戶的所有數據。 – inkslinger

自動完成的代碼看起來對我罰款。我可以在你的代碼中看到的唯一的問題是你沒有提供的<input>的name屬性讓你的瀏覽器不追加到url.just這個

<input type="text" id="searchterm" name="clientId" placeholder="Search For Client">

替換此

<input type="text" id="searchterm" placeholder="Search For Client">

（記得更改clientId到您的服務器需要的名稱）

來源

2017-04-04 12:18:41

這工作。謝謝！我知道簡單的事情是錯誤的。我還必須將輸入的ID改回到javascript所要查找的內容。 – inkslinger

@inkslinger不客氣。是的，有時候這些問題是因爲簡單的事情。 –

自動完成不發送表單數據提交

回答

相關問題