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

similar question

Answer 2

使用listview的.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;
});

JQuery Mobile：点击按钮重定向

2 个答案: