Question

实际上我是使用jquery在ul下动态创建列表项。

$.each(alltags.departments,function(){
   $("#specialitycenters").append('<li>'+this+'</li>');
});

这里的specialitycenters是我的名字。使用我的alltags.departments附加列表项（来自ajax调用）。

每当我们点击列表项时，都会添加“已选择”类。如果有10个列表项并且我点击了3个li，那么我将“选择”类添加到3个li中。

var lis = $('.list ul#specialitycenters li').click(function(e){
if(!e.ctrlKey) {
    // Ctrl not pressed, clear previous selections
     lis.removeClass("selected");      
}
$(this).addClass("selected");    
});
});

现在，当我提交表单时，这些动态添加的类正在恢复。但是，即使单击“提交”按钮，我也需要将“选定”类保留到单击的列表项中。我怎么能搞这个？

Answer 1

发生这种情况是因为，当您提交表单时，浏览器会将数据提交到服务器并加载数据发送到的页面的全新版本。

您有两种选择：

请勿提交表单，请使用Ajax将数据发送到服务器（最佳选择，执行此操作）
在提交表单之前，使用cookie或本地存储等在浏览器中存储一些关于UI状态的数据，提交表单，使用存储的数据重置UI（你可以，但不要，这就是ajax是为......）

提交HTML表单后恢复UI状态

1 个答案: