.ch_area { background:#fff; padding-bottom:8px; } .choose_box { width:90%; margin:0px auto; border:1px solid #ccc; border-radius:5px; min-height:40px; line-height:40px; padding-left:15px; } .choosed_area { border:1px solid #ccc; border-radius:5px; float:left; height:30px; line-height:30px; margin-top:5px; margin-right:5px; } .chooselist { width:90%; margin:0px auto; display:none; } .input_list { height:30px; width:100%; border:none; outline:none; line-height:30px; } .arealist { border-radius:5px; max-height:245px; overflow-y:scroll; font-size:14px; color:#505050; line-height:40px; -moz-box-shadow:-3px 3px 5px rgba(0,0,0,.1); text-align:left; -webkit-box-shadow:-3px 3px 5px rgba(0,0,0,.1); box-shadow:-3px 3px 5px rgba(0,0,0,.1); } .arealist li { border-bottom:1px solid #ddd; font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:center; width:90%; margin:0 auto; color:#505050; } .sortnum { border-radius:100%; border:1px solid #E02E24; color:#E02E24; float:left; height:18px; width:18px; line-height:18px; text-align:center; font-size:12px; margin:5px; } .area_name { float:left; } .img { float:left; height:18px; width:18px; margin:6px; } .img img { float:left; height:20px; width:20px; }
1、本模块可用于选择多个小区或其它选项,并且排序;
2、已选的选项可删除并根据选择的先后顺序重新排序,删除后将其添加到未选择的下拉列表;
3、提供向后端提供的数据,本模块将其打包成一个数组,调用getaeaarr()可获取该数组.