Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在jquery mobile的占位符事件上导航到新页面?_Javascript_Jquery_Forms_Jquery Mobile - Fatal编程技术网

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
如何操作?

演示:

JS

HTML


查看详细信息。。。
选择1
选择一个选项
家
​另外,您的示例是指jQM Alpha版本,我的示例是使用jQM 1.0.1版本

演示:

JS

HTML


查看详细信息。。。
选择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>