Question

我是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>

如何根据选项

刷新页面并加载项目

Answer 1

如下所示......

$('#sel1').change(function(){
    var value = $(this).val();
    // here redirect to link with item_count value
});

Answer 2

在你的Laravel行动中

<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>

现在在你的JS

onchange

当 window.location.href 您正在运行脚本时。当 window.location.href.replace('per_page={{ $perPage }}', '') 达到某个值时，您将重定向到网址＆amp;它正在改变选择的选项值。

per_page=10您实际上替换了per_page=20或'per_page=' + this.value per_page的任何查询键值，以便它不会在网址中重复。

下一步per_page我们再次附加{{1}}值。

如何根据laravel中的选定选项刷新页面

2 个答案: