使用输入按钮提交文本框表单答案

【问题标题】：Submitting a Textbox form with enter button使用输入按钮提交文本框表单
【发布时间】：2016-05-03 02:14:34
【问题描述】：

我有一个文本框，我希望用户在其中输入一个字符串，然后当用户点击“enter”键时，它会在选择框中创建一个选项，该选项等于文本中的文本盒子

我有这个功能与“提交”按钮一起使用，但我想删除这个按钮并拥有它，这样当用户点击“输入”时，该功能就会起作用。我的问题是如何更改我的代码以允许此功能？

【问题讨论】：

你试过什么代码？我没看到。

【解决方案1】：

<form id='myform' >
<input type="textbox" id="field"/>
</form>


$(function(){
   $("#field").keyup(function(event){
   if(event.which == 13){
   document.myform.submit();
   }
});

【讨论】：

【解决方案2】：

您必须像这样检测回车键：

$(document).keypress(function(e) {
  if(e.which == 13) {
    // Do whatever the submit button does now
  }
});

但是，回车键通常会将您带到文本框中的新行。那将不再起作用。

【讨论】：

【解决方案3】：

$(document).ready(function() {

$('#textBox').keypress(function(e) {
    if ( e.keyCode == 13 ) {  // detect the enter key
        $('#btnSubmit').click(); // This will call a click event of submit button
    }
});

$('#btnSubmit').click(function(e) {
    // Write your code to insert text value to select option
});

});

【讨论】：