可能重复:
jQuery导航到选择选项中的页面
我需要在选择特定选项时导航到一个新页面。我指的是这个jquery移动表单
这是我的密码。。。
<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>
怎么做?
演示:
- http://jsfiddle.net/phillpafford/vsw3r/4/
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 Alpha版本,我的示例是使用jQM 1.0.1版本