Javascript 使用jQuery Mobile select as菜单更改URL或内部页面

我正在使用一个选择框作为jQuery移动站点的菜单导航

菜单中的某些项链接到内部页面，其他项链接到外部URL

我正在使用以下代码更改页面url：

$('#menu-select').change(function() {
   window.location = $(this).data('location')  
})

HTML：

 <select name='select-choice-1' id="menu-select">
    <option value="">Menú:</option>
    <option value="index.php">Noticias</option>
    <option value="index.php#tramites" data-location='index.php#tramites'>Trámites</option>
    <option value="index.php#twitter" data-location='index.php#twitter'>Twitter</option>
    <option value="virgen_del_valle.php">Parque Virgen del Valle</option>
    </select>

门努：
新闻看台
特兰蒂斯
啁啾
维根山谷公园

我有三页：

• index.php（带contain to pages或data role=“page”带和id）
• news.php
• event.php

问题是，当我选择Home选项，然后选择More Information并尝试转到事件时，它没有加载页面

它与外部和内部url加载不一致

我认为这段代码必须有一个内部页面和外部url的条件

希望你能帮忙

---

谢谢。

使用我同意omar的观点，快速提问：$（这个）.attr（'data-location'）还有运气吗？

数据位置

没有为一半的选项设置<代码>值具有语义，并且为所有选项设置一致。

$('#menu-select').change(function () {
    window.location = $(this).val();
});