下拉菜单可记住选择并重定向用户，并能够更改所选国家/地区

Question

我的问题是，当我有下拉菜单并从选择下拉列表中选择某个城市时，我会被重定向到城市页面，并且我的选择会保存到本地存储中，因此每次我再次访问网站时，我都会被重定向到我选择的城市我的第一次网站访问。这可以。我需要的是将此选择菜单放在网站的每个页面上，并且我需要能够随时更改它。因此，当我目前在纽约但明天我将在洛杉矶并且我想订购一些食物时，我只需更改选择菜单中的城市，它将设置一个新的主要网站主页重定向到洛杉矶 URL 地址。我尝试将下拉列表放入每个页面 - 标题中，但是当我将其放在那里时，我陷入了重定向循环，因此当我第一次访问主页时选择纽约市时，下拉列表位于&ldquo;新&rdquo;页面上纽约（例如在标头中）它不断将我从纽约重定向到纽约，并具有无限重定向循环，这就是我需要消除的。我的代码在这里。有什么想法吗？提供代码编辑会很棒，因为我是 JavaScript 新手，我花了很长时间才解决这个问题。非常感谢！<script type="text/javascript">if (localStorage && localStorage.country) {    location = localStorage.country;    }function formChanged(form) {    var val = form.options[form.selectedIndex].value;    if (val !== 'non-value') {      if (localStorage) {        localStorage.country = val;      }      location = val;    }}</script><FORM NAME="form1"><select onchange="formChanged(this);" NAME="country" SIZE="1"><OPTION VALUE="non-value">Select delivery city<OPTION VALUE="/kategoria-produktu/cadca/">New York<OPTION VALUE="/kategoria-produktu/brno/">Los Angeles<OPTION VALUE="/kategoria-produktu/bratislava/">Tokyo</select></FORM>更新 - 这工作正常，但当我位于当前页面网址时，此脚本没有显示实际选择的选项。有什么想法如何解决这个问题吗？<script type="text/javascript">if(location.href.indexOf(localStorage.country) == -1){location.href = localStorage.country}function formChanged(form) {var val = form.options[form.selectedIndex].value;if (val !== 'non-value') {if (localStorage) {localStorage.country = val;}if (!location.href.indexOf(val)) {    location = val;   }  } } </script> <FORM NAME="form1"> <select id="saleTerm" onchange="formChanged(this); location =  this.options[this.selectedIndex].value;" NAME="country" SIZE="1"> <OPTION VALUE="non-value">Select delivery city <OPTION VALUE="/kategoria-produktu/cadca/">Čadca <OPTION VALUE="/kategoria-produktu/brno/">Brno <OPTION id="bratislava" VALUE="/kategoria-produktu/bratislava/">Bratislava </select> </FORM>

Answer 1

代替

!location.href.indexOf(val)

写

location.href.indexOf(val) === -1

Answer 2

正确答案如下。

代码

<script type="text/javascript">

if(location.href.indexOf(localStorage.country) == -1){

location.href = localStorage.country

}

function formChanged(form) {

var val = form.options[form.selectedIndex].value;

if (val !== 'non-value') {

if (localStorage) {

localStorage.country = val;

}

if (!location.href.indexOf(val)) {    

location = val;

  }

 }

}

</script>

<FORM NAME="form1">

<select id="saleTerm" onchange="formChanged(this); location = 

this.options[this.selectedIndex].value;" NAME="country" SIZE="1">

<OPTION VALUE="non-value">Select delivery city

<OPTION VALUE="/kategoria-produktu/cadca/">Čadca

<OPTION VALUE="/kategoria-produktu/brno/">Brno

<OPTION id="bratislava" VALUE="/kategoria-produktu/bratislava/">Bratislava

</select>

</FORM>