2012-02-16 60 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版本