Question

我已经在同一主题上阅读了一些Q＆amp; As，但是大多数都看起来很复杂，并且倾向于使用jQuery。由于我不知道如何使用jQuery，并且正在寻找一个简单的解决方案，希望我不会因为打开关于这个主题的另一个问题而受到抨击： - ）

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

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

当选择一个新选项时，我希望重新加载当前页面，但是使用一个变量来指定附加到URL的所选选项。

有效实现此目的的最简单，非jQuery方法是什么？

Answer 1

如果我理解正确，我认为这样的事情会起作用：

<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>

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

如果你在页面foo.html上，更改该值将加载foo.html？my_select = Option + 3＃。

如果您在网址中有其他参数，则不会保留这些参数。也就是说，如果你在foo.html？a = 1并更改了值，那么新页面仍然是foo.html？my_select = Option + 3＃。

最简单的方法是使选择框重新加载带有URL中变量的页面？

1 个答案: