javascript - 使用 JQuery 导航到带有下拉菜单选择的页面

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
    });

涉及协议(protocol)的更具体的目标:

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