Javascript 使用select在特定URL上显示2个不同的div

我是JS的新手。 我相信问题很简单。我想显示/隐藏url的2个div。 这就是我的情况：

我在，我只想显示div1，而我在，我想显示div2

<div class="div1">

<select size="1" name="links" onchange="window.location.href=this.value;">

        <option value="https://urlone.com">URL ONE</option>
        <option value="https://urltwo.com">URL TWO</option>

 </select>

</div>

<div class="div2">

<select size="1" name="links" onchange="window.location.href=this.value;">

        <option value="https://urlthree.com">URL THREE</option>
        <option value="https://urlfour.com">URL FOUR</option>

 </select>

</div>

它不起作用！！永远显示2分区。 我该怎么办

---

首先，请尝试捕获所有url，然后根据您的逻辑使用与下面代码非常类似的代码。您可以根据url捕获值将null更改为未定义或空。。 希望这能起作用（JQuery版本）

var $urlOne="https://urlone.com";
var $urlTwo="https://urltwo.com";
var $urlZero="https://urlzero.com";

if(($urlOne =="https://urlone.com" || $urlZero !='') && 
($urlTwo=="https://urltwo.com" || $urlZero!='')) {
 //Hide the element.
$(".div1").hide();
$(".div2").show();
}

if($urlZero=="https://urlzero.com"||$urlZero !='') {
//Hide the element.
$(".div2").hide();
$(".div1").show();
};

---

我更新！Show ever 2 div您是否在控制台中看到任何错误消息？另外，请检查

location.href

中的URL是否与条件中的URL完全相同。奇怪的是，现在一切都正常了，但有一个小错误：当我加载页面时，我看到了两个div，1秒后我看不到div，好像显示速度很慢：无。代码看起来应该正常。您可以尝试使用event而不是

onload

来更快地隐藏div。document.addEventListener（“DOMContentLoaded”，function（event）{//my function}；我会尽快尝试。谢谢

var $urlOne="https://urlone.com";
var $urlTwo="https://urltwo.com";
var $urlZero="https://urlzero.com";

if(($urlOne =="https://urlone.com" || $urlZero !='') && 
($urlTwo=="https://urltwo.com" || $urlZero!='')) {
 //Hide the element.
$(".div1").hide();
$(".div2").show();
}

if($urlZero=="https://urlzero.com"||$urlZero !='') {
//Hide the element.
$(".div2").hide();
$(".div1").show();
};