如何使用JavaScript语言window.location基于语言重定向页面

Question

我尝试以select标签的形式向我的网站添加多语言按钮，每种语言的选项都会重定向到每种语言的主页。

但是，这似乎仅适用于 PC浏览器，而不适用于移动浏览器。

有什么问题？

这是我的代码：

 <!--Changing language client side-->
 <script type="text/javascript"> 

function Redirect_en(){
  window.location="index.html";
 } 

function Redirect_fr(){
 window.location="fr/fr-index.html";
} 

function Redirect_es(){
  window.location="es/es-index.html";
} 

function Redirect_zh(){
   window.location="zh/zh-index.html";
} 

</script>
 .
...
      <span id="lang_header_form"> 
       <form  method="POST" id="lang_form">             
           <select name="language" id="lang_select">
              <option value ="English" onclick="Redirect_en();"         selected>English</option>
              <option value = "French" onclick="Redirect_fr();">French</option>
              <option value="Spanish" onclick="Redirect_es();">Spanish</option>
              <option value="Chinese"    onclick="Redirect_zh();">Chinese</option>
          </select>
       </form>
    </span>

Answer 1

<select id="Lang" onchange="changeLang(this)">
 <option value="en">English</option>
 <option value="fr">French</option>
</select>
<script>
   function changeLang(selectObject) {
     switch(selectObject.value){
        case 'en': window.location="/index.html"; break;
        case 'fr': window.location="fr/fr-index.html"; break;
      }
   }
</script>

上面的示例为您提供OnChange事件的选定语言。哪个应该在移动设备上工作

Answer 2

试试这个

＆＃13;

＆＃13;

function redirect(self){
  window.location = self.value + 'index.html';
}

＆＃13;

<select name="language" onchange="redirect(this);">
    <option value="" selected>English</option>
    <option value="fr/fr-">French</option>
    <option value="es/es-">Spanish</option>
    <option value="zh/zh-">Chinese</option>
</select>

＆＃13;

＆＃13;

＆＃13;