首页 文章

Laravel模态形式传递输入到路由作为参数

提问于
浏览
0

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

Button code in view:

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

Modal form code:

<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 I want the submit button to invoke:

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 . 我的模态形式工作正常,手动调用时路径/控制器也是如此 . 只需将两者连接在一起 .

提前致谢 .

1 回答

  • 1

    您可以使用javascript onclick事件:

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

相关问题