如何根据laravel中选择的选项刷新页面
How to refresh a page according to the selected option in laravel
我是javascript的新手,如何在laravel中选择页数后刷新页面。
我的控制器代码
$itemCount = Input::get('item_count');
$data = [
'allItems' => $venueData->get(),
'priorityItems' => $venueData->take($itemCount)->get()
];
我的视图代码
<div class="form-group select-page">
<select class="form-control" id="sel1" name="item_count">
<option value="10" @if(Input::has('item_count') && Input::get('item_count') == '10') selected @endif>1</option>
<option value="20" @if(Input::has('item_count') && Input::get('item_count') == '20') selected @endif>2</option>
<option value="40" @if(Input::has('item_count') && Input::get('item_count') == '40') selected @endif>60</option>
<option value="80" @if(Input::has('item_count') && Input::get('item_count') == '80') selected @endif>80</option>
<option value="100" @if(Input::has('item_count') && Input::get('item_count') == '100') selected @endif>100</option>
</select>
</div>
如何根据选项
实现如下。。。
$('#sel1').change(function(){
var value = $(this).val();
// here redirect to link with item_count value
});
在您的Laravel Action 中
public function your_action(Request $request)//inject request to access per_page query param
{
$perPage = $request->query('per_page', 10);
$items = YourModel::paginate($perPage)->appends([
'per_page' => $perPage
]);
return view('your_view', compact('items', 'perPage'));
}
现在在您的JS 中
<div class="form-group select-page">
<select class="form-control" id="sel1" name="item_count" onchange="window.location.href = window.location.href.replace('per_page={{ $perPage }}', '') + 'per_page=' + this.value">
<option value="10" @if($perPage == '10') selected @endif>1</option>
<option value="20" @if($perPage == '20') selected @endif>2</option>
<option value="40" @if($perPage == '40') selected @endif>60</option>
<option value="80" @if($perPage == '80') selected @endif>80</option>
<option value="100" @if($perPage == '100') selected @endif>100</option>
</select>
</div>
当onchange
正在运行脚本时。当window.location.href
为某个值时,您将重定向到一个url&它发生在更改select的选项值时。
在这里,window.location.href.replace('per_page={{ $perPage }}', '')
实际上是将per_page=10
或per_page=20
替换为per_page的任何查询键值,这样它就不会在url中重复。
下一个'per_page=' + this.value
,我们再次附加per_page
值。
相关文章:
- 如何取消选择所选选项并将JqueryMobile中选择的值刷新为1st
- 只有当选项卡/窗口有焦点时,页面才能每5秒刷新一次
- AngularJS:点击选项卡刷新视图中的数据
- Selectbox选项在页面刷新jsp后保持选中状态
- Jquery选择菜单选项在页面刷新时失败
- 如何在不刷新页面的情况下每次单击一组选项卡时刷新视图内容窗格
- 如何自动刷新 GWT 选项卡面板中的各个选项卡
- 如何记住提交/刷新后使用的最后一个选项卡
- 页面刷新后,所选选项卡处于非活动状态
- 当我点击浏览器返回选项时,阻止在php上刷新页面
- 如何刷新'选项'ko多选组件中的绑定
- 引导程序3:返回页面刷新的下拉选项卡
- 如何在刷新后激活菜单选项卡
- 谷歌地图没有在标签2中和标签3中正确加载.如何创建刷新选项卡
- 在页面刷新时恢复下拉选择的选项
- Javascript 或 angularjs 在刷新之间延迟浏览器关闭或选项卡关闭
- Firefox DevTools:选项卡和如何在页面重新加载/刷新后保持调试器文件打开?(停止自动关闭)
- 在 AngularJS 中,用于选择不同控制器的选项 - 如何刷新
- 如何根据laravel中选择的选项刷新页面
- jQuery Datepicker-根据所选选项刷新可选择的天数