JQuery Mobile: Redirect on button click

Question

I would like to redirect to different pages based on list selection. I can get the button on click handle but how do i redirect to a page. Below is my code

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

If user selects value 1 it should go to page 1, if user selects value 2 it should go to page 2 like that.

Thanks

Your answer is right here: http://stackoverflow.com/questions/503093/how-can-i-make-a-redirect-page-in-jquery-javascript — naspinski, Mar 11 '13 at 20:13

score 1 · Accepted Answer · edited May 23 '17 at 10:25

1

Something simple like this will work:

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

similar question

edited May 23 '17 at 10:25

Community

1
1

answered Mar 11 '13 at 20:15

naspinski

34,020
36
111
167

1

Thanks it worked. I believe it should work as well on a mobile device. – User382 Mar 12 '13 at 13:15

score 0 · Answer 2 · answered Mar 11 '13 at 20:14

Using the .index() property of the listview you can get the selected 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: Redirect on button click

2 Answers2