在弹出窗口关闭 JQM 后将 DropDownList 重置为其初始选项

Question

我在弹出窗口中有一个 DDL，但每当我关闭弹出窗口并重新打开它时，它都会保留上次选择的选项。我想做的是调用 popupafterclose 事件并将 DDL 设置为其初始选项，但它似乎不起作用..

$("#popup").on("popupafterclose", function (event) {
            $('#ddl1').find('option:first').attr('selected', 'selected');
});

DDL的初始选项是禁用的隐藏选项。这里有什么问题？

Answer 1

您只需要 refresh the selectmenu widget：

$("#popup").on( "popupafterclose", function( event, ui ) {
    $('#ddl1').find('option:first').prop('selected', 'selected');
    $('#ddl1').selectmenu("refresh", true);
});

在弹出窗口关闭 JQM 后将 DropDownList 重置为其初始选项

Resetting a DropDownList to its initial option after pop-up closes JQM

popup

jquery-mobile

DEMO