<form method="get"> <label for="items_per_page">每页显示：</label> <select name="items_per_page" id="items_per_page" onchange="this.form.submit()"> <option value="15" {% if items_per_page == 15 %}selected{% endif %}>15</option> <option value="20" {% if items_per_page == 20 %}selected{% endif %}>20</option> <option value="50" {% if items_per_page == 50 %}selected{% endif %}>50</option> </select> </form>怎么在选择值后显示选择的值

要在选择值后显示选择的值，您可以使用 JavaScript 将选中的值填充到一个隐藏的输入框中，然后在用户提交表单时，将该值作为查询参数一起提交到服务器端。

以下是一种实现方法：

1. 在表单中添加一个隐藏的输入框，并在 JavaScript 中获取它：

<form method="get">
  <label for="items_per_page">每页显示：</label>
  <select name="items_per_page" id="items_per_page" onchange="updateSelectedValue()">
    <option value="15" {% if items_per_page == 15 %}selected{% endif %}>15</option>
    <option value="20" {% if items_per_page == 20 %}selected{% endif %}>20</option>
    <option value="50" {% if items_per_page == 50 %}selected{% endif %}>50</option>
  </select>
  <input type="hidden" name="selected_value" id="selected_value">
</form>

<script>
  var selectBox = document.getElementById("items_per_page");
  var inputBox = document.getElementById("selected_value");

  function updateSelectedValue() {
    inputBox.value = selectBox.options[selectBox.selectedIndex].value;
    this.form.submit();
  }
</script>

2. 在 JavaScript 中编写一个函数 `updateSelectedValue()`，当用户选择选项时，该函数会获取选中的值并将其填充到隐藏的输入框中。

3. 当用户提交表单时，将会提交该隐藏输入框的值作为查询参数一起提交到服务器端。

4. 在服务器端获取名为 "selected_value" 的查询参数，并将其用于显示选择值。

请注意，上述代码仅为示例，具体实现可能因应用程序而异。