Question

可能重复：
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>

怎么做？

Answer 1

演示：

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版本

如何在jquery mobile的占位符事件中导航到新页面？

1 个答案: