上图为展示图
思路:cookie缓存记住当前页面select选中的值,再次返回时获取cookie的值即可
第一步:引入js;
<script src="js/jquery.min.js"></script>
<script src="js/jquery.cookie.js"></script>
第二步: 当点击其中一项时设置cookie缓存,首先先清除之前的缓存,(这里是动态获取的列表)
// 事件委托,li标签是自动生成的
var familyArr = [];
var groupId = 0;
var compId = 0;
$("body").on("click", ".selectUl li", function (){
familyArr = []; // 清空家属列表
$(".familyList").empty();
//console.log(familyArr);
$(this).addClass("actived_li").siblings().removeClass("actived_li");//点击当前的添加。actived_li这个类;其他的移除这个类名
var oliName = $(this).attr("oliName");//定义一个name属性,获取点击的元素属性赋值到当前,方便动态化传值
v