Question

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

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

当用户选择语言时，如何导航到页面？我必须使用JQuery。

Answer 1

嗯......这是一个非常简单的例子，只需在onchange事件上重定向到页面。

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

$('.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
    });

Answer 2

你可以像下面这样做：

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>

和JQuery：

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

Answer 3

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

Answer 4

以下代码可以帮助您

  jquery:

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

Answer 5

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

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

使用JQuery导航到包含下拉菜单选项的页面

5 个答案: