如何在 jquery mobile 的占位符事件上导航到新页面？ [复制]答案

【问题标题】：How to navigate to new page on a placeholder event of jquery mobile? [duplicate]如何在 jquery mobile 的占位符事件上导航到新页面？ [复制]
【发布时间】：2012-02-16 10:41:24
【问题描述】：

可能重复：
jQuery to navigate to page in select option

我需要在选择特定选项时导航到新页面。我指的是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>

怎么做？

【问题讨论】：

这样吗？：stackoverflow.com/questions/3075866/…
是的，完全正确...请将其发布为答案，以便我接受..:)

标签： javascript jquery forms jquery-mobile

【解决方案1】：

演示：

http://jsfiddle.net/phillpafford/vsw3r/4/

$('.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 版本

【讨论】：