Javascript 选择选项值时如何引用页面？

我使用php代码创建一个购物车。当我在产品页面中单击时，因为数据库中有更多使用php代码创建产品页面的产品

现在，我可以在一页中看到十个产品。但我需要一个选择框来更改一页中的产品数量我该怎么办？

这是我的密码。 选择框代码

$content .= "<span style=\"margin-left:50px;color:#BE1E2D;font-size:14px;font-weight:bold;\">show
<select name=\"show_num_select\">
<option value=\"10\">10</option>
<option value=\"20\">20</option>
<option value=\"30\">30</option>
<option value=\"50\">50</option>
<option value=\"100\">100</option>
</select>
item each page</span>";

创建产品页面。n是产品类型。Product：：count_all是一个函数

if(empty($_GET['n'])){
$page = !empty($_GET['page'])? (int)$_GET['page']:1;
$per_page = $show_num_select;
$total_count = Product::count_all(true);
if(empty($_GET['page']) || (int)$_GET['page'] > ceil($total_count / $per_page) ){
$page = 1;
}

---

我看不到从数据库或其他数据源读取数据的位置。如果使用与SQL相关的数据源，请使用以下内容：

SELECT id, product_title FROM product LIMIT :start,:end

---

其中“：start”是当前页码（次）$每页，“：end”仅为$每页。

记录显示的当前项目，并使用它通过仅查询已呈现项目之外的项目来改进获取。使用ajax获取下一组项并呈现该部分。只是一个避免获取所有项目的建议

---

从用户的角度来看，避免页面刷新将是一件好事。

如果不希望页面刷新，请使用AJAX。

SELECT id, product_title FROM product LIMIT :start,:end