2013-09-24 101 views
2

我有一個表單,我從用戶提交兩個參數並按下Go按鈕以及按Enter鍵提交表單。 但在文本框中,當用戶鍵入一個字符時,文本框會顯示自動完成的結果。 如果用戶使用箭頭鍵在選項中導航並按下特定的自動完成結果,則在選擇該選定選項之前獲取提交。 我希望該用戶應該能夠使用箭頭鍵下去,當他在顯示的自動完成列表中獲得他的選項時按下Enter鍵。然後如果他按下回車,形式應提交表單獲取提交選擇自動完成選項

這裏是回車鍵,我調用JS的GetData函數調用這個servlet 我怎麼能去的按在JSP

 <tr> <td>param1: <input type="text" id="param1" placeholder="PARAM(Required)" onKeydown="Javascript: if (event.keyCode==13) getData();"></td> 
      <td>Merchant ID: <input type="text" id="merchant" placeholder="Merchant ID(Optional)" onKeydown="Javascript: if (event.keyCode==13) getData();"></td> 
    <td><button class="btn" onclick="getData()" style="position:relative;">Go</button> 

</td></tr></thead></table> 

代碼對這個? 感謝

+0

您可以發佈您嘗試了代碼。按下回車鍵時你是如何提交表格的? – Yasitha

回答

0

如果可以的話,請與我們分享一下您正在使用的代碼,插件或框架等更多信息...

所以與大家分享信息不暢遠,你可以禁用如果輸入匹配集中在自動完成輸入的地方,則表單提交。這是與jQuery

HTML

<input type="text" id="myInput" /> 

的Javascript

$(function() { 
    $("#myInput").keypress(function(e) { 
     var KeyCode = (e.keyCode ? e.keyCode : e.which); 
     if(code == 13) return false; // 13 is the code for enter 
    }); 
}); 

爲例,用戶可以閱讀有關事件的詳細處理的例子在這裏:http://api.jquery.com/category/events/

+0

但是,一旦用戶選擇了自動填充選項中的一個選項,我希望輸入鍵可以用於表單提交。 – ALBI