Javascript 在表单更改时将JS请求追加到URL结尾

我的代码如下：

<h1>Sort by</h1>
<form>
<select name='myfield' onchange='this.form.submit()'>
<option value="Relevance">Relevance</option>
<option value="Date">Date Posted</option>
</select>
<noscript><input type="submit" value="Submit"></noscript>
</form>

按排序
关联
公布日期

---

每当我更改表单并自动提交时，一个新字段“myfield”就会添加到URL末尾。如何使URL保持不变，并在URL末尾添加“myfield”查询，而不是删除现有的URL查询字符串

将URL参数值存储在具有相同名称的隐藏字段中 例：

URL:

http://localhost/test.php?myfield1=x

<h1>Sort by</h1>
<form>
    <input type='hidden' name='myfield1' value='<?php echo $_GET['myfield1']; ?>' />   


<select name='myfield' onchange='this.form.submit()'>
<option value="Relevance">Relevance</option>
<option value="Date">Date Posted</option>
</select>
<noscript><input type="submit" value="Submit"></noscript>
</form>

按排序
是否要将其作为URL参数发送？您不能使用post请求吗？我希望将其作为URL参数发送，以便用户可以将其添加为书签。