2

我有一个带有表单的 jQuery Mobile 应用程序。当有人填写存储在 localStorage 中的表单时，该表单具有多个表单元素。

填写完一张表格后，您可以在历史记录页面上查找旧表格。当有人打开旧表单时，需要根据 localStorage 信息填写表单元素。我已经使用第一个下拉列表进行了此操作，但是当我将复选框添加到页面时，只有下拉框会刷新。

我的 JavaScript 代码：

if (key !== "")
{
    key = key.replace("?key=", "");

    var string = localStorage.getItem(key);
    var array = string.split(",");

    $("#client option[value='" + array[0] + "']").attr("selected", "selected");
    $("#location option[value='" + array[1] + "']").attr("selected", "selected");
    $("#locationnumber option[value='" + array[2] + "']").attr("selected", "selected");

    $("#turbine_id option[value='" + array[3] + "']").attr("selected", "selected");
    $("#turbine_type option[value='" + array[4] + "']").attr("selected", "selected");
    $("#turbine_brand option[value='" + array[5] + "']").attr("selected", "selected");

    $('select').selectmenu('refresh'); //This is the refresh method

    $('#check_maintenance').attr('checked', true);
    $('#check_failure').attr('checked', false);
    $('#check_inspection').attr('checked', true);
    $('#check_warranty').attr('checked', false);
    $('#check_assignment').attr('checked', true);
    $('#check_reportedbyclient').attr('checked', false);
    $('#check_management').attr('checked', true);
    $('#check_restpoint').attr('checked', false);
    $('#check_report').attr('checked', true);

    $('input:checkbox').checkboxradio('refresh'); //This is the refresh method
}

似乎无法在一个函数中刷新两个或多个不同的表单元素。也许其他人知道正确或更好的方法来做到这一点。

编辑：

感谢您的回答奥马尔。但问题似乎是，当我刷新我的选择菜单时，其余的功能没有执行。

这就是我刷新几个 html 菜单的方式

$('select').selectmenu('refresh');

我放在这条线下面的所有东西都没有执行。

4

1 回答 1

1

编辑

要在选择菜单中选择一个选项，请使用以下命令。

$('#selectmenu_id option:eq(N)').prop('selected',true);
$('#selectmenu_id') .selectmenu('refresh');

其中N是期权的索引号。

您需要使用.prop()然后刷新每个复选框。

演示

这将一次取消选中所有复选框。

$('[type=checkbox]').prop('checked', false).checkboxradio('refresh');

这将通过每个复选框，以防您要选中/取消选中特定的复选框。

var checkboxes = $.mobile.activePage.find('[type=checkbox]');

$.each(checkboxes, function () {
  $(this).prop('checked', false).checkboxradio('refresh');
});
于 2013-09-13T10:02:40.117 回答