Javascript Magento 2-如何保存表单中提交的值

我正在寻找一种方法来保存从产品页面上的表单提交的值。 这样，在提交这些值之后，我仍然可以找到它们，以便它们可以显示在发票和购物车页面上

必须保存值：Breedte和Lengte

表单如下所示：

                    <form action="" method="POST" id="form_id">
                        <table>
                            <tr>
                                <td>
                                    <input name="breedte" type="text" maxlength="40" placeholder="Breedte (in millimeters)" required>
                                </td>
                            </tr>
                                <td>
                                    <input name="lengte" type="text" maxlength="40"  placeholder="Lengte (in millimeters)" required>
                                </td>    
                            <tr>
                                <td>
                                    <button class="btn_id">Toevoegen aan winkelwagen</button>
                                </td>
                            </tr>
                        </table>
                    </form>    
                    <div class="control">
                        <input
                        type="text"
                        name="qty"
                        id="qty"
                        value="1"
                        class="input-text qty"/>
                    </div>
                    <script>
                        $(document).ready(function() {
                            e.preventDefault();
                            var 
                        })
                    </script>
                    <script>
                        $("#form_id").submit(function(e) {
                        $('#qty').val($('input[name="breedte"]').val() * $('input[name="lengte"]').val());
                        e.preventDefault();
                        });
                    </script>```

托沃根·温克尔瓦根
$（文档）.ready（函数（）{
e、 预防默认值（）；
变量
})
$（“#表格id”）。提交（功能（e）{
$（'qty'）.val（$（'input[name=“breedte”]）.val（）*$（'input[name=“lengte”]）.val（））；
e、 预防默认值（）；
});
```