如何使用JavaScript语言窗口基于语言重定向页面

Question

我试图以选择标签的形式向我的网站添加多语言按钮，并带有每个语言的选项，每种语言将其重定向到每个语言的主页。

但是，这似乎仅在 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

尝试这个

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

<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>