Question

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

如何根据select选项的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，然后应该将选项1的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将其应用于各种元素，而不是重新加载网页？这允许动态数据更新，而无需重新加载或刷新页面。

更改URL获取参数

2 个答案: