Javascript 如何在jquery mobile的占位符事件上导航到新页面?
可能重复:Javascript 如何在jquery mobile的占位符事件上导航到新页面?,javascript,jquery,forms,jquery-mobile,Javascript,Jquery,Forms,Jquery Mobile,可能重复: 我需要在选择某个特定选项时导航到新页面。 我指的是这个 这是我的密码 <div class="ui-select"> <select name="select-choice-5" id="select-choice-5" data-native-menu="false" tabindex="-1"> <option>View details...</o
我需要在选择某个特定选项时导航到新页面。 我指的是这个 这是我的密码
<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>
查看详细信息。。。
选择1
选择2
选择3
选择4
如何操作?演示:
查看详细信息。。。
选择1
选择一个选项
家
另外,您的示例是指jQM Alpha版本,我的示例是使用jQM 1.0.1版本演示:
查看详细信息。。。
选择1
选择一个选项
家
另外,您的示例是指jQM Alpha版本,我的示例是使用jQM 1.0.1版本如下所示:是的,准确地说……Plsss将其作为答案发布,以便我可以接受……:)这样?:是的,准确地说……Plsss将其作为答案发布,以便我可以接受……)
$('.selectMe').change(function() {
var $this = $(this);
if($this.val() != '') {
$.mobile.changePage( "#"+$this.val(), { transition: "slide"} );
}
});
<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>