2

我有很多输入文本区域,后面跟着一个按钮,我想做的是自动为每个输入框选择下一个按钮元素,在按下 Enter 后不为输入框或按钮定义 id 或类。

我认为我的问题在于无法正确使用下一个功能,我对此有点陌生:

    <input type="text"/> <button>enter</button> /after hitting enter in this input, it would click the button element /

    <input type="text"/> <button>enter</button> /after hitting enter in this input, it would hit enter in this button element/

     <script>
     $("input[type=text]").keyup(function(event){
    if(event.keyCode ==13){
    $("input[type=text]").next("input[type=text] button").click();
     }
     });

上面的脚本部分不起作用,但是如果我给他们 ids 或 classes,那么它就起作用了,例如,如果我给输入文本的 id “in”和按钮的“btn”,那么它适用于一个输入和按钮在这里:

 $("#in").keyup(function(event){
 if(event.keyCode ==13){
  $("#btn").click();
  }
  });

但是我有太多的输入框后跟按钮,我需要以某种方式使每个输入框在按下回车后选择下一个按钮。

请帮忙

4

2 回答 2

2

改变:

$("input[type=text]").next("input[type=text] button").click();

到:

$(this).next("button").click();

请注意,这keyCode不是跨浏览器,您可以使用which属性代替。

$("input[type=text]").keyup(function(event){
    if ( event.which === 13 ) {
        $(this).next("button").click();
    }
});
于 2012-12-23T18:12:18.403 回答
2

我认为这对你有用。

$("input").keyup(function(event){
    if(event.which == 13) {
        $(this).next("button").click();
    }
});
于 2012-12-23T18:12:22.913 回答