2012-02-16 14 views
1

可能性の重複:
jQuery to navigate to page in select optionjquery 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

+0

ありがとうございます。 ..Plsssは私が受け入れることができるように答えとしてそれを投稿する.. :) –

答えて

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 Aを参照しています私の例では、jQM 1.0.1のバージョンを使用しています

関連する問題