如何在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();
});