<select name="items_per_page" id="items_per_page" onchange="this.form.submit()">保留提交的值在页面上
时间: 2023-07-06 20:27:03 浏览: 127
您可以使用以下代码来在页面上保留提交的值:
```html
<form method="post">
<select name="items_per_page" id="items_per_page" onchange="this.form.submit()">
<option value="10"<?php if($_POST['items_per_page'] == 10) echo ' selected'; ?>>10</option>
<option value="20"<?php if($_POST['items_per_page'] == 20) echo ' selected'; ?>>20</option>
<option value="30"<?php if($_POST['items_per_page'] == 30) echo ' selected'; ?>>30</option>
</select>
</form>
```
这个代码会在页面上显示一个带有选项的表单,当用户选择一个选项时,表单会自动提交。在提交后,PHP代码会检查 `$_POST['items_per_page']` 变量的值,并将对应的选项设为 `selected`,从而保留用户的选择。
相关问题
<select name="items_per_page" id="items_per_page" onchange="this.form.submit()">和<select name="items_per_page" id="items_per_page" onchange="updateSelectedValue()">功能怎么合在一起
这两个<select>元素的onchange事件处理函数可以合并在一起,具体实现方式如下:
```html
<select name="items_per_page" id="items_per_page" onchange="this.form.submit(); updateSelectedValue()">
<option value="10">10</option>
<option value="20">20</option>
<option value="50">50</option>
</select>
```
在这个例子中,当用户选择一个不同的选项时,首先会提交表单并重新加载页面,然后会调用updateSelectedValue()函数,更新页面上的某个元素。这样做的好处是可以同时实现两种功能,既可以重新加载页面,也可以更新页面上的某个元素。
<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>保留提交的数值在页面上
这段代码使用了模板引擎的语法,可以在页面上保留提交的数值:
```html
<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>
```
这个代码会在页面上显示一个带有选项的表单,当用户选择一个选项时,表单会自动提交。在页面加载时,模板引擎会检查 `items_per_page` 变量的值,并将对应的选项设为 `selected`,从而保留用户的选择。
阅读全文