我有一个tests.php网页，它使用在线服务器上mysql数据库的数据成功地创建和填充了一个html表。接下来，我想通过添加html select来限制sql查询返回的行数，从而使web页面具有交互性。我已经添加了html选择代码，并修改了sql查询以使用变量作为限制。我遇到的问题是如何在select下拉列表更改时运行查询。我假设需要调用某种页面刷新，但不确定如何进行。例如，我是否需要将html作为from括起来，并有一个submit按钮来实现这一点？这不是我想要的，理想情况下，用户按下html select，然后页面刷新或重新运行sql数据库查询。
这是我写的第一个php代码。
我的选择代码

<select name="limit" id="limit">
    <option value="10">10</option>
    <option value="25">25</option>
    <option value="50">50</option>
    <option value="100">100</option>
</select>

php代码

</body>
</html>
<?php
$limit = 10;
if(isset($_POST["limit"])) $limit = $_POST["limit"];

$con=mysqli_connect("localhost","user","password","database");
// Check connection
if (mysqli_connect_errno())
{
echo "Failed to connect to MySQL: " . mysqli_connect_error();
}

$result = mysqli_query($con,"SELECT * FROM TableName WHERE Region='Home' ORDER BY TeamName ASC LIMIT $limit");

echo "<table class='sample' style='width:50%'>
<tr>
<th>Team Name</th>
<th># Players</th>
<th>Venue</th>
<th>Date</th>
<th>Score</th>
</tr>";

while($row = mysqli_fetch_array($result))
{
echo "<tr>";
echo "<td>" . $row['TeamName'] . "</td>";
echo "<td>" . $row['NumPlayers'] . "</td>";
echo "<td>" . $row['Venue'] . "</td>";
echo "<td>" . $row['Date'] . "</td>";
echo "<td>" . $row['Score'] . "</td>";
echo "</tr>";
}
echo "</table>";

mysqli_close($con);
?>

更新
我想我可能有一个更简单的解决方案使用javascit，虽然它不能正常工作。
使用javascript函数：

window.location.reload(true);

并更改我的html选择

<select onchange="refresh.call()">

但是，当页面重新加载时，它使用的是键入的$limit值

$limit =10;

而不是选择值。
页面刷新正在工作，但是有没有办法注入html select值呢？