Javascript 用户单击组合框后重新加载页面（带有一些规则）

我是javascript新手，需要在用户单击combobox的选项后重新加载当前页面，但我有一些规则

两个组合框：

<select onChange="Refresh(this.value)" name="comboA">
    <option value="0">0</option>
    <option value="1">1</option>
</select>

<select onChange="Refresh2(this.value)" name="comboB">
    <option value="2">2</option>
    <option value="3">3</option>
</select>

0
1.
2.
3.

规则：

• 用户单击第一个组合框中的“0”，重新加载到
• 用户单击第一个组合框中的“1”，将“0”替换为“1”，然后重新加载到
• 用户单击第二个组合框中的“2”，连接并重新加载到
• 用户单击第二个组合框中的“3”，将“2”替换为“3”，然后重新加载到

以上步骤需要按顺序进行

函数

“刷新”

和

“刷新2”

应该如何使用

---

谢谢。

我不会直接给你代码，但我可以帮助你研究答案，这样你就可以一边学习JavaScript了

您可以使用jQuery来帮助您，但具体来说.change（）函数用于检测组合框是否已更改：

要实际刷新页面或更改到另一页面，可以使用window.location函数将用户指向某个页面

要在不重新加载页面的情况下实际更改页面上的元素，如果需要，可以使用jQueryAjax将更改发布到PHP

---

我希望这能帮助你学习更多JavaScript，我不会直接给你代码，但我可以帮助你研究答案，这样你就可以一边学习JavaScript了

您可以使用jQuery来帮助您，但具体来说.change（）函数用于检测组合框是否已更改：

要实际刷新页面或更改到另一页面，可以使用window.location函数将用户指向某个页面

要在不重新加载页面的情况下实际更改页面上的元素，如果需要，可以使用jQueryAjax将更改发布到PHP

---

我希望这有助于您了解更多JavaScript，第一个函数只需导航到相同的url，后跟

？comboA=

，然后是第一个参数，如下所示：

函数刷新（值）{
URL=window.location.href.split（“？”[0]；
window.location.replace（URL+“？comboA=“+value”）；
}

第二个函数必须保留

？comboA=value

部分，以便在第一个

&

部分之后拆分：

函数刷新2（值）{
URL=window.location.href.split（“&”）[0]；
window.location.replace（URL+“&comboB=“+value”）；
}

第一个函数只需导航到相同的url，后跟

？comboA=

，然后是第一个参数，如下所示：

函数刷新（值）{
URL=window.location.href.split（“？”[0]；
window.location.replace（URL+“？comboA=“+value”）；
}

第二个函数必须保留

？comboA=value

部分，以便在第一个

&

部分之后拆分：

函数刷新2（值）{
URL=window.location.href.split（“&”）[0]；
window.location.replace（URL+“&comboB=“+value”）；
}

尝试以下javascript代码

    function Refresh()
{
    var e = document.getElementById("comboA");
    var selectedOption = e.options[e.selectedIndex].value;

if(selectedOption == "0")
    {
    // your logic goes here
    }   
else if (selectedOption == "1")
    {
    // your logic goes here
    }
}

为其他组合框编写相同的函数。 我希望这些能帮到你！！

---

如果您有任何问题请告诉我

请尝试下面的javascript代码

    function Refresh()
{
    var e = document.getElementById("comboA");
    var selectedOption = e.options[e.selectedIndex].value;

if(selectedOption == "0")
    {
    // your logic goes here
    }   
else if (selectedOption == "1")
    {
    // your logic goes here
    }
}

为其他组合框编写相同的函数。 我希望这些能帮到你！！

---

如果您有任何问题，请告诉我，您可以按以下方式进行：

var url = "http://www.mypage.com?"

$("select[name=comboA]").on("change",function(){

window.location.href = url + $(this).attr("name") + "=" + $(this).val();


});

第二次选择

var url2 = "http://www.mypage.com?comboA=1&"

$("select[name=comboB]").on("change",function(){

window.location.href = url2 + $(this).attr("name") + "=" + $(this).val();


});

---

您可以按如下方式进行操作：

var url = "http://www.mypage.com?"

$("select[name=comboA]").on("change",function(){

window.location.href = url + $(this).attr("name") + "=" + $(this).val();


});

第二次选择

var url2 = "http://www.mypage.com?comboA=1&"

$("select[name=comboB]").on("change",function(){

window.location.href = url2 + $(this).attr("name") + "=" + $(this).val();


});