0

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

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

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

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

有效地做到这一点的最简单的非jQuery方法是什么？

4

1 回答 1

2

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

<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" 指定将选择的值放入 URL。onchange="submit()" 告诉表单在选择的值更改时提交。

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

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

于 2012-07-29T00:02:09.840 回答