Question

我有一个调用模态表单的按钮，用户可以在其中输入名称。我希望我的模态中的提交按钮获取输入的字符串并将其作为参数附加到特定路径中。我无法找到一个示例，说明如何将模态输入值输入到路径调用中。

视图中的按键代码：

    <button  
        type="button" 
        class="btn btn-info btn-lg" 
        data-toggle="modal" 
        onClick="$('#myModal').modal()"
        style="margin-top: 2px;">
        New Name
    </button>

模态表单代码：

    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

        <div class="vertical-alignment-helper" style="width:50%">
            <div class="modal-dialog vertical-align-center">
                <div class="horizontal-alignment-helper">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span>

                            </button>
                            <h4 class="modal-title" id="myModalLabel">Create New Plan</h4>

                        </div>
                        <div class="modal-body">Enter a name for your new plan and we'll do the rest...
                            <p></p>
                                <div class="form-group form-group-lg">
                                        <label for="firstname" class="control-label"> Plan Name:</label>
                                        <div>   
                                            <input class="form-control" type="text" id="lg">
                                        </div>

                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                                    <button type="button" class="btn btn-primary">Create Plan</button>
                                </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

路线我希望调用提交按钮：

Route::get('create-plan/{plan_name}', ['uses' => 'GeneratePlanController@createplan'])->middleware('auth');

如何将表单控件<input class="form-control" type="text" id="lg">中的用户输入作为{plan_name}参数提供给路由调用？

我在XAMPP上使用Laravel 5.5和PHP 7。我的模态形式工作正常，手动调用时路径/控制器也是如此。只需将两者连接在一起。

提前致谢。

Answer 1

您可以使用javascript onclick事件：

<button type="button" class="btn btn-primary" onclick="window.location.href = '/create-plan/'+document.getElementById('lg').value;">Create Plan</button>

Laravel模态表单将输入传递给路由作为参数

1 个答案: