使用jquery从单击的提交按钮组中获取数据

Question

我有一个看起来像附件的表单，用户将点击按钮提交表单。它需要是一个POST而不是GET。

我的表单如下：

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

我尝试了不同的变体，比如数据（'planId'）和其他一些东西，但我似乎无法从用户按下的提交按钮中获取planId，因此我可以将其传递回服务器。

如果有更好的方法可以做到这一点，我愿意接受建议。我想在一个链接中包装每个绿色框，并使用链接调用表单提交。我不确定那是什么好处。