jquery - jqueryを使用して、クリックされた送信ボタンのグループからデータを取得します

Question

ユーザーがボタンをクリックしてフォームを送信する、添付のようなフォームがあります。GET ではなく POST である必要があります。

私のフォームは次のようになります。

<form ...>
<input type="hidden" name="planId" value="" id="planId">
<input type="submit" data-planid="N00BASIC1" name="select" value="Select" class="btn btn-sm btn-info btn-round" id="select">
<input type="submit" data-planid="N00BASIC3" name="select" value="Select" class="btn btn-sm btn-info btn-round" id="select">
<input type="submit" data-planid="N00BASIC6" name="select" value="Select" class="btn btn-sm btn-info btn-round" id="select">
<input type="submit" data-planid="N00BASIC112" name="select" value="Select" class="btn btn-sm btn-info btn-round" id="select">
</form>

jquery を使用してフォームを送信しています。フォームが送信される前に、ユーザーが選択した planId のデータ フィールドを取り出し、非表示の planId フィールドに割り当てようとしています。

                    $(document).ready(function(){
                        $("#form1").submit(function() {
                            $('#planId').val($("input:submit").data());
                        });
                    });

data('planId') などのさまざまなバリエーションを試しましたが、ユーザーが押した送信ボタンから planId を取得できないように見えるので、サーバーに戻すことができます。

これを行うためのより良い方法があれば、私は提案を受け入れます。緑色の各ボックスをリンクで囲み、リンクを使用してフォーム送信を呼び出すことを考えました。とはいえ、それが何の利益なのかはわかりません。