Question

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

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

Answer 1

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


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

Answer 2

你必须像这样检测输入键：

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

但是，输入键通常会将您带到文本框中的新行。这将不再有效。

Answer 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
});

});

使用enter按钮提交文本框表单

3 个答案: