如何在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”，它等效於jQuery上的“就緒”事件，但不建議移動網站使用

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