更改 URL 获取参数

Question

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

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

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

<option value=“1”>Option1</option>

<option value=“2”>Option2</option>

<option value=“3”>Option3</option>

<option value=“4”>Option4</option>

</select>

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

Answer 1

扩展丹尼尔的回答：

$("#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 将其应用于各种元素？这允许动态数据更新，而无需重新加载或刷新页面。

Answer 2

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

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