javascript - 用户单击组合框后重新加载页面(有一些规则)

Question

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

两个组合框:

<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”，重新加载到comboA=0 .
• 用户单击第一个组合框中的“1”，将“0”替换为“1”并重新加载到 comboA=1
• 用户单击第二个组合框中的“2”，连接并重新加载到 comboA=1 & comboB=2
• 用户单击第二个组合框中的“3”，将“2”替换为“3”并重新加载到 comboA=1 comboB=3

以上步骤需要按顺序完成。

函数“Refresh”和“Refresh2”应该如何？

谢谢。

Answer 1

我不会直接向您提供代码，但我可以帮助您研究答案，以便您可以边学习边学习 JavaScript。

您可以使用 jQuery 来帮助您，但特别是 .change() 函数来检测组合框是否已更改: http://api.jquery.com/change/

要实际刷新页面或更改到另一个页面，您可以使用 window.location 函数将用户定向到页面。 Window.location.href and Window.open () methods in JavaScript

要实际更改页面上的元素，而不重新加载页面，您可以根据需要使用 jQuery ajax 将更改发布到 PHP。 http://api.jquery.com/jquery.ajax/

我希望这可以帮助您学习更多 JavaScript