我有一个按钮,调用模态表单,用户可以在其中输入名称。我希望我的模式中的提交按钮将输入的字符串作为参数附加到特定的路由中。我找不到一个示例来说明如何将模态输入值输入到路由调用中。
视图中的按钮代码:
<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">×</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');
如何从表单控件获取用户输入
我在XAMPP上使用Laravel 5.5和PHP 7。我的模态形式工作正常,当手动调用时,路由/控制器也是如此。只需要把两者连接起来。
提前谢谢。
你可能会使用javascript onhtml事件:
<button type="button" class="btn btn-primary" onclick="window.location.href = '/create-plan/'+document.getElementById('lg').value;">Create Plan</button>