javascript - 选择自动完成选项时提交表单

Question

我有一个表单，我从用户那里获取两个参数并在按下 Go 按钮和按下 Enter 键时提交表单。 但是在文本框中，当用户键入一个字符时，文本框会显示自动完成的结果。 如果用户使用箭头键浏览选项并在特定的自动完成结果上按回车键，则在选择该选定选项之前提交。 我希望用户应该能够使用箭头键向下，当他在显示的自动完成列表中获得他的选项时按回车键。然后如果他按 enter ，则应该提交表单

这是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>

按下回车键后，我在调用 servlet 的 JS 中调用 getdata 函数 我该怎么做？ 谢谢

Answer 1

如果可以，请与我们分享有关您正在使用的代码、插件或框架等的更多信息...

到目前为止，您分享的信息很少，如果输入命中集中在自动完成所在的输入上，您可以禁用表单提交。这是一个 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/