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上的'ready'事件，但不建议移动网站

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

如何以编程方式在jquery mobile中选择下拉列表的选项

2 个答案: