Javascript 使用JQuery在下拉菜单上导航到具有所选内容的页面

我正在尝试导航到有关语言选择的页面。这是我从模板中得到的HTML代码

<div class="change-language">
     <select class="select-language selectpicker">
          <option value="en">Türkçe</option>
          <option value="ge">English</option>
     </select>
</div>

蒂尔克çe
英语

---

当用户选择语言时，如何导航到页面？我必须用JQuery来完成它

嗯。。。这里有一个非常简单的例子，简单地重定向到onchange事件的页面

$(".select-language").on("change", function() {
   //Will redirect to en.url.com, ge.url.com, etc...
   window.location.href = "http://" + this.value + ".url.com";          
});

它重定向到的页面只是目标文件的下拉列表值和文件扩展名

$('.select-language').on('change',function(){
    var value = $(this).val();
    location.href = value +'.html'; //or .php, etc. This will go to a page called en.html
    });

涉及协议的更多特定目标：

$('.select-language').on('change',function(){
    var value = $(this).val();
    location.href = 'http://your-url.com/'+ value +'.html'; //or .php, etc. This will go to a page called en.html
    });

---

下面的代码将帮助您

  jquery:

   $(document).ready(function(){    
    $(".select-language").change(function(){      
     var page_url = "http://"+$(".select-language").val()+".com";    
     $(location).attr('href',page_url);
    });
   });

---

如果您想重定向到www.mypage.com/en

$(".select-language.selectpicker").on("change", function(){
    window.location.href = this.value;
});

---

您可以按如下方式执行smth：

HTML:

<div class="change-language">
     <select class="select-language selectpicker">
          <option value="page-tu.html">Türkçe</option>
          <option value="page-en.html">English</option>
     </select>
</div>

$('.select-language').on('change', function(){
    location.href = $(this).val();
});