Как программно выбрать опцию из выпадающего списка в JQuery Mobile

Question

Мне нужно выбрать опцию из выпадающего списка программно, как только документ будет готов

Как, например, у меня есть этот код

<div class="ui-select">
            <select name="DropDownList" id="DropDownList"
                data-native-menu="false" tabindex="-1">
                <option value="data1">Data1</option>
                <option value="data2">Data2</option>
                <option value="data3">Data3</option>
                <option value="data4">Data4</option>
            </select>
        </div>

Теперь, если я выберу его вручную, тогда опция будет выбрана. Но мне нужно выбрать ее программно, как только документ будет готов.

Answer 1

var myselect = $("select#foo");
myselect[0].selectedIndex = 3;
myselect.selectmenu("refresh");

Сценарий взят из: http://jquerymobile.com/demos/1.0a4/docs/forms/forms-selects.html

Answer 2

Вы можете получить выбранную опцию с помощью jQuery и использовать мобильное событие jQUery «pageshow», которое эквивалентно событию «ready» в jQuery, но не рекомендуется для мобильных сайтов

$("div[data-role*='page']").live('pageshow', function(event, ui) {
    $("#DropDownList").find(":selected").val();
});