Javascript 让选择框在URL中使用变量重新加载页面的最简单方法？

我在这里读了一些关于同一主题的Q&A，但其中大多数似乎有点复杂，并且倾向于使用jQuery。由于我不知道如何使用jQuery，并且正在寻找一个简单的解决方案，希望我不会因为在这个主题上提出另一个问题而被激怒：-）

我在页面上有一个类似于以下内容的选择框：

<select>
<option>Option 1</option>
<option>Option 2</option>
<option>Option 3</option>
<option>Option 4</option>
</select>

选择1
选择2
选择3
选择4

选择新选项后，我希望重新加载当前页面，但在URL后面附加一个变量，指定所选选项

---

最简单的、非jQuery的有效方法是什么？

如果我理解正确，我认为类似的方法会奏效：

<form>
    <select name="my_select" onchange="submit()">
        <option>Option 1</option>
        <option>Option 2</option>
        <option>Option 3</option>
        <option>Option 4</option>
    </select>
</form>

选择1
选择2
选择3
选择4

action=“#”将重新加载当前页面，method=“get”指定将select的值放入URL。onchange=“submit（）”告诉表单在select的值更改时提交

如果您在foo.html页面，更改该值将加载foo.html？my_select=Option+3#

---

如果URL中有其他参数，则不会保留这些参数。也就是说，如果您使用foo.html？a=1并更改值，新页面仍将是foo.html？my_select=Option+3#。

谢谢您提供的解决方案，但为什么要在URL的末尾附加哈希标记？这是因为标记中有action=“#”字样，但这是不必要的。标记不需要任何属性。我刚刚更新了答案。