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

how to programmatically select an option of a dropdown list in jquery mobile

本文关键字：选择 方式 下拉列表 选项 编程 jquerymobile      更新时间：2023-09-26

一旦文档准备好，我需要以编程方式从下拉列表中选择一个选项

例如，我有这个代码

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

现在，如果我手动选择它，那么该选项就会被选中。但我需要在文档准备好后尽快按语法选择一个选项。怎么做？

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

脚本取自：http://jquerymobile.com/demos/1.0a4/docs/forms/forms-selects.html

您可以使用jQuery获得所选选项，并使用jQuery移动事件"pageshow"，这相当于jQuery上的"就绪"事件，但不建议移动站点

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