jquery - JQuery Mobile：单击按钮时重定向

Question

我想根据列表选择重定向到不同的页面。我可以获得点击句柄上的按钮，但我如何重定向到页面。下面是我的代码

 <div data-role="page" id="page1">
   <!-- Header --> 
   <div data-role="header"> 
<a href="#detailpage" data-rel="back" data-icon="arrow-l">back</a>
    <h1>List</h1>
    <a href="#" data-icon="arrow-r" data-iconpos="right" id="disnext">Next</a>      
   </div>  <!-- /Header -->
   <!-- Contents -->
   <div data-role="content">
    <ul data-role="listview" data-filter="true" id="list">
      <li data-name="val1">Value 1</li>
      <li data-name="val2">Value 2</li>
      <li data-name="val3">Value 3</li>
    </ul>
  </div>
 </div> <!-- /Contents -->
 </div>

 <!-- /Contents -->
 $("#disnext").click(function(e){

    alert("Button is clicked");
    // HERE I WANT TO REDIRECT TO DIFFERENT PAGE BASED ON LIST SELECTION


    return false;
    });

如果用户选择值 1，它应该转到第 1 页，如果用户选择值 2，它应该像这样转到第 2 页。

谢谢

Answer 1

像这样简单的东西会起作用：

window.location.href = "http://somesite.com/" + $('#list').val();

类似的问题

Answer 2

使用列表视图的 .index() 属性，您可以获得选定的索引。

$("#disnext").click(function(e){
    alert("Button is clicked");
    // HERE I WANT TO REDIRECT TO DIFFERENT PAGE BASED ON LIST SELECTION
    var selectedIndex = $("#list").index();

    //Logic here
    return false;
});