如何检查点击的按钮并提交到laravel中的相关路线

rvpgvaaj  于 2023-03-04  发布在  其他
关注(0)|答案(1)|浏览(85)

我有一个表单,但我想根据用户单击的链接(按钮)提交到不同的路径
'

{{ Form::open(['url'=> route('finance.invoices.store', ['pending', 'visit_id' => $visit->id]), 'id'=>'inv', 'method' => 'POST']) }}
        <script>
        $(document).ready(function() {
            $("#proforma").click(function() {
                // Code to execute when the "Send to Proforma" button is clicked
                console.log("Send to Proforma button clicked");
            });
            $("#bill-btn").click(function() {
                if ($("#inv").length) {
                $("#inv").attr("action", "{{ route('finance.invoices.store', ['pending', 'visit_id' => $visit->id]) }}");
                console.log("Bill Selected Items button clicked");
                // Submit the form with the specified action
                $("#inv")[0].submit();
                }else{
                    console.log('not found')
                }
            });`

`<v-btn type="submit" id="proforma" color="warning" class="px-2">
                            <i class="fa fa-money pr-2"></i>button 1
                        </v-btn>
                    
                <v-btn type="submit" id="bill-btn" color="success" class="px-2">
                    <i class="fa fa-money pr-2"></i> button 2
                </v-btn>
            </v-card-actions>

            <input type="hidden" name="removedItems" />

            {{ Form::close() }}

如何才能实现这样的,当我点击'按钮1它提交给路由1和按钮2相同。

polhcujo

polhcujo1#

为表单分配一个ID,例如:

<form action="" method="" id="formsomething"></form>

使用jquery为每个按钮分配监听器,例如:

<script>
    $('#btn1').on('click', function(){
        $('#formsomething').attr('action', '/urltargetA');
    });

    $('#btn2').on('click', function(){
        $('#formsomething').attr('action', '/urltargetB');
    });
<script>

你可以使用jquery上的“attr”函数改变html元素中的任何内容。
如果你想在更改目标url后立即提交表单,你可以在监听器中添加以下代码:

$('#formsomething').submit();

相关问题