javascript - 如何将 'Results Per Page' 下拉转换为链接

Question

I currently have a drop down that has multiple values in it (i.e. 50, 100, 200, etc..) which when selected and a button clicked reloads the page and filters a data table to shows however many results were selected.

<form action="#" method="post" class="form-inline" name="normal" id="SearchResultsForm">
    <select name="limitNumberOfResults" id="limitNumberOfResultsPerPage" 
     class="single">  
        <option value="10">10</option>  
        <option value="20" selected="selected">20</option>  
        <option value="30">30</option>  
        <option value="40">40</option>  
        <option value="50">50</option>  
        <option value="100">100</option>  
        <option value="200">200</option>  
    </select>
   <input type="submit" class="button" value="Show" name="submitbutton"/>          
</form>

我想将其从下拉列表转换为链接列表。我该怎么做呢？

我正在尝试使用如下内容。

<a href="#" onclick="SearchResultsForm.submit();return false;">
                                10
                            </a>
<a href="#" onclick="SearchResultsForm.submit();return false;">
                                20
                            </a>

但是，我不确定如何让每页结果值得到认可。

谢谢!

Answer 1

如果您单击 10 转到与 ?limitNumberOfResults=10 相同的页面，然后获取该值，编写您的代码以获得结果。

<a href="?limitNumberOfResults=10">10</a>

$per_page = $_REQUEST['limitNumberOfResults'];