我正在尝试创建一个简单的下拉框,用于按降序和升序过滤列表。
我遇到的问题是每次我提交表单或 $_GET 在这种情况下,我在下拉框中选择的选项都会重置。
我已经使用一些 php 来更改下拉列表中的选定选项,但它不起作用,我不确定为什么?
<form name="query_form" method="get">
<input type="hidden"/>
<select name="the_filter" onchange="this.form.submit();">
<option name="asc" <?php if($_GET['the_filter']=="asc"){echo "selected=\"true\""; }if($_GET['the_filter']=="desc"){echo "selected=\"false\"";} ?> value="asc" >Price: ascending</option>
<option name="desc" <?php if($_GET['the_filter']=="desc"){echo "selected=\"true\""; }if($_GET['the_filter']=="asc"){echo "selected=\"false\"";} ?> value="desc" >Price: descending</option>
</select>
</form>
当我检查源代码时,它说显示了这个
<form name="query_form" method="get">
<input type="hidden"/>
<select name="the_filter" onchange="this.form.submit();">
<option name="asc" selected="true" value="asc" >Price: ascending</option>
<option name="desc" selected="false" value="desc" >Price: descending</option>
</select>
</form>
但是下拉框仍然保持下降,即使 selected 设置为 true 升序,它似乎在之后发生变化,这与 onchange 方法有关吗????
function Change(val) {
document.query_form.query.value=val;
document.query_form.submit();
}
提前感谢您的帮助
最佳答案
你能试试这个吗,添加 selected='selected'
而不是 selected='true' 或 'false'
<form name="query_form" method="get">
<input type="hidden"/>
<select name="the_filter" onchange="this.form.submit();">
<option name="asc" <?php if($_GET['the_filter']=="asc"){echo "selected='selected'"; } ?> value="asc" >Price: ascending</option>
<option name="desc" <?php if($_GET['the_filter']=="desc"){echo "selected='selected'"; } ?> value="desc" >Price: descending</option>
</select>
</form>
关于php - Html Dropdown 提交表单并保留选项保留选项值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20023132/