0

単一のフォームに複数のテキスト ボックスとボタンを含む jsp があります。Enter キーを押すと、入力しているテキスト ボックスの直後にある送信ボタンをクリックしたいと思います。

<body>
<form action="main.jsp" method="GET">  // form with multiple buttons of same type
<li>First Name: <input type="text" name="first_name"></li>
<li>Last Name: <input type="text" name="last_name" /></li>
<<li class="buttonCode"><div><input type="button" value="Submit" /></div></li>
<li>First I Name: <input type="text" name="first_name1"></li>
<li>Last I Name: <input type="text" name="last_name1" /></li>
<li class="buttonCode" ><div><input type="button" value="Submit" /></div></li>
</form>
<script>
$(document).ready(function() {
    $('input[type=text]').keypress(function (event) {
        if (event.keyCode == '13') { //jquery normalizes the keycode 

            event.preventDefault(); //avoids default action
            $(this).find('input[type=submit]').trigger('click');
            // or $(this).closest('form').submit();
        }
    });
});
</script>
</body>
</html>
4

1 に答える 1