Html
    Css
    Js


    .box {
	display:flex;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}
.panel {
	border:1px solid #ddd;
	width:45%;
	text-align:center;
	height:400px;
	overflow-y:auto;
}
.panel_detail {
	border-bottom:1px solid #ddd;
	padding:5% 0;
	cursor:pointer;
	background:transparent;
	transition:background .15s ease-in-out;
}
.panel_detail.clk {
	background:lightblue;
}
.panel_detail:hover {
	background:lightblue;
}
ul,li {
	padding:0;
}
li {
	list-style:none;
}
.hide {
	display:none;
}
.exchangeCn {
	margin:0 3%;
	align-self:center;
}
.exchangeCn li {
	cursor:pointer;
	border:1px solid #ddd;
	width:20px;
	text-align:center;
	padding:5px;
	margin:5px;
}

↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

pannel赋值(改)

点击加载数据

请求全部数据到左侧栏

同时将class名为 'range_change'的里的值拿来进行比对,筛选掉相同的数据(括号里的值为value)

右边栏里的数据为最终要提交的数据,同时会把值赋到range_change上

0
  短信接口