php - Html Dropdown 提交表单并保留选项保留选项值

Question

我正在尝试创建一个简单的下拉框，用于按降序和升序过滤列表。

我遇到的问题是每次我提交表单或 $_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();


}

提前感谢您的帮助

Answer 1

你能试试这个吗，添加 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>