输入按钮问题--Jquery

发布于 2024-12-02 02:42:25 字数 1152 浏览 1 评论 0原文

我想将 Enter 按钮(键盘上)链接到 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();
    });
});

提前致谢!

I want to link an Enter Button (on a keyboard) to text box in javascript and the problem is there are two submit buttons linked to it. I researched a bit and realized that i can use keypress like this

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

If there is one submit button.

Does any one have idea on how to make it work for my code?

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 code:

$(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();
    });
});

Thanks in advance!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

任性一次 2024-12-09 02:42:25

你可以这样做:

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

   }    
});

You could do:

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

   }    
});
柠檬色的秋千 2024-12-09 02:42:25

试试这个

$('#searchbox input:text').bind('keypress', function(e) {

   if(e.which == 13){//Enter pressed
      //Do your stuff here
   }    
});

Try this

$('#searchbox input:text').bind('keypress', function(e) {

   if(e.which == 13){//Enter pressed
      //Do your stuff here
   }    
});
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文