【问题标题】:Enter Button Issue -- Jquery输入按钮问题 - Jquery
【发布时间】:2011-08-31 15:38:35
【问题描述】:

我想将一个输入按钮(在键盘上)链接到 javascript 中的文本框,问题是有两个提交按钮链接到它。我研究了一下,意识到我可以像这样使用按键

$('#searchbox input').bind('keypress', function(e) {});

如果有一个提交按钮。

有人知道如何使它适用于我的代码吗?

html:

<form id="myForm" method="post"> 
    id: <input type="text" name="id" id="id"/>
    <div id="hidden" style="display: none;">
        age: <input type="text" name="age"/>
        <input type="button" id="button2" value="Update" />
    </div> 
    <input type="button" id="button1" value ="Get Info" onclick="document.getElementById('hidden').style.display = ''; this.style.display = 'none'" size="25"/> 

jQuery 代码:

$(document).ready(function(){
    $("#button1").click(function(){ 
        $.post('fet.php', { id: $('input[name="id"]', '#myForm').val() },
            function(json) { 
                $("input[name='age']").val(json.age);
            }, "json");  
    });

    $("#button2").click(function(){
        $('form#myForm').attr({action: "fetch2.php"});
        $('form#myForm').submit();
    });
});

提前致谢!

【问题讨论】:

  • 您的语法似乎有问题。你抄对了吗?
  • @primvbd 如果它与 jquery 中的右括号或左括号有关,请忽略
  • 在尝试编辑您的帖子后,我意识到您的语法完全是错误的,或者您复制并粘贴错误。这就是一切吗?
  • 我在您的标记中没有看到任何提交按钮
  • @hunter 输入类型 = "按钮"

标签: javascript jquery html keypress


【解决方案1】:

你可以这样做:

$('#searchbox input:text').keypress(function(e) {
   e.preventDefault();//avoid submitting the form
   if(e.which == 13){
      //Enter pressed

   }    
});

【讨论】:

    【解决方案2】:

    试试这个

    $('#searchbox input:text').bind('keypress', function(e) {
    
       if(e.which == 13){//Enter pressed
          //Do your stuff here
       }    
    });
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2017-07-07
      • 1970-01-01
      • 2011-12-29
      • 2023-03-27
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多