2012-02-16 82 views
1

可能重复:
jQuery to navigate to page in select option如何导航到jquery mobile占位符事件的新页面?

我需要导航到新页面上选择特定的选项。 我指这个jquery mobile form

这里是我的代码...

<div class="ui-select"> 
      <select name="select-choice-5" id="select-choice-5" 
       data-native-menu="false" tabindex="-1"> 
       <option>View details...</option> 
       <option value="option1">Option1</option> 
       <option value="option2">Option2</option> 
       <option value="option3">Option3</option> 
       <option value="option4">Option4</option> 
      </select> 
     </div> 

怎么办呢?

+0

是这样吗?:http://stackoverflow.com/questions/3075866/jquery-to-navigate-to-page-in-select-option – robasta 2012-02-16 10:47:47

+0

是的。 ..Pls发布它作为答案,以便我可以接受.. :) – 2012-02-16 10:56:31

回答

1

演示:

JS

$('.selectMe').change(function() { 
    var $this = $(this); 

    if($this.val() != '') { 
     $.mobile.changePage("#"+$this.val(), { transition: "slide"});    
    } 
});​​​ 

HTML

<div data-role="page" id="home"> 
    <select name="select-choice-5" class="selectMe" data-native-menu="false" tabindex="-1"> 
     <option>View details...</option> 
     <option value="option1">Option1</option> 
    </select> 
</div> 

<div data-role="page" id="option1"> 
    <select name="select-choice-5" class="selectMe" data-native-menu="false" tabindex="-1"> 
     <option>Select an option</option> 
     <option value="home">Home</option> 
    </select> 
</div> 

而且你的榜样喜欢的是指一个JQM lpha版本,我的例子是使用jQM 1.0.1版本