jquery - 更改 URL 获取参数

Question

当前窗口位置：www.hello.com/home.php?optionone=1&optiontwo=2&optionthree=3

如何根据选择选项的 onchange 值更改获取参数并将其重定向到新 URL？

<select id=“optionone" onchange=“">

<option value=“1”&gt;Option1</option>

<option value=“2”&gt;Option2</option>

<option value=“3”&gt;Option3</option>

<option value=“4”&gt;Option4</option>

</select>

比如说，从上面的选择列表中选择了Option2，它应该将选项一的get参数更改为2（optionone=2）并重定向到
www.hello.com/home.php?optionone=2&optiontwo=2&optionthree=3

Answer 1

$('#optionone').change(function(){
var opt1 = $('#optionone').val();
window.location = 'http://hello.com/home.php?optionone'+opt1;
}

要获取 URL 参数，请使用 PHP$_GET['optionone']

Answer 2

扩展丹尼尔的答案：

$("#optionone").change(function(){
  window.location = "http://www.hello.com/home.php?optionone="
                       + $(this).val()
                       + "&optiontwo=" + $("#optiontwo").val()
                       + "&optionthree=" + $("#optionthree").val();

});

您可以通过在您的home.php脚本中访问这些

$_GET["optionone"];
$_GET["optiontwo"];
$_GET["optionthree"];

然而，与其重新加载网页，为什么不使用 Ajax 调用来获取所需的数据并通过 jQuery 将其应用于各种元素呢？这允许动态数据更新，而无需重新加载或刷新页面。