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

similar question

Answer 2

Используя свойство .index() в ListView вы можете получить выбранный индекс.

$("#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; 
});