<div?class="pro-choose"> ????<div?class="select-result"><span?class="select-choose">篩選條件：</span> ?????<ul> ?????</ul> ????</div> ????<div?class="select-supplier"> ????????<h5?class="supplier-name">供應(yīng)商：</h5> ????????<ul?id="select1"> ????????????<li><a?href="javascript:void(0)">韶遠(yuǎn)</a></li> ????????????<li><a?href="javascript:void(0)">國藥化試</a></li> ????????????<li><a?href="javascript:void(0)">上海畢得</a></li> ????????????<li><a?href="javascript:void(0)">九鼎化學(xué)</a></li> ????????????<li><a?href="javascript:void(0)">韶遠(yuǎn)</a></li> ????????????<li><a?href="javascript:void(0)">國藥化試</a></li> ????????????<li><a?href="javascript:void(0)">上海畢得</a></li> ????????????<li><a?href="javascript:void(0)">九鼎化學(xué)</a></li> ????????????<li><a?href="javascript:void(0)">韶遠(yuǎn)</a></li> ????????????<li><a?href="javascript:void(0)">國藥化試</a></li> ????????????<li><a?href="javascript:void(0)">上海畢得</a></li> ????????????<li><a?href="javascript:void(0)">九鼎化學(xué)</a></li> ????????????<li><a?href="javascript:void(0)">韶遠(yuǎn)</a></li> ????????????<li><a?href="javascript:void(0)">國藥化試</a></li> ????????????<li><a?href="javascript:void(0)">上海畢得</a></li> ????????????<li><a?href="javascript:void(0)">九鼎化學(xué)</a></li> ????????????<li><a?href="javascript:void(0)">韶遠(yuǎn)</a></li> ????????????<li><a?href="javascript:void(0)">國藥化試</a></li> ????????????<li><a?href="javascript:void(0)">上海畢得</a></li> ????????????<li><a?href="javascript:void(0)">九鼎化學(xué)</a></li> ????????????<li><a?href="javascript:void(0)">韶遠(yuǎn)</a></li> ????????????<li><a?href="javascript:void(0)">國藥化試</a></li> ????????????<li><a?href="javascript:void(0)">上海畢得</a></li> ????????????<li><a?href="javascript:void(0)">九鼎化學(xué)</a></li> ????????</ul> ????????<a?href="javascript:void(0)"?id="more1">更多</a> ????</div> ????<div?class="select-brand"> ????????<h5?class="brand-name">品牌：</h5> ????????<ul?id="select2"> ????????????<li><a?href="javascript:void(0)">阿拉丁</a></li> ????????????<li><a?href="javascript:void(0)">沃凱</a></li> ????????????<li><a?href="javascript:void(0)">邁瑞爾</a></li> ????????????<li><a?href="javascript:void(0)">西化</a></li> ????????????<li><a?href="javascript:void(0)">TCI</a></li> ????????????<li><a?href="javascript:void(0)">Adamas</a></li> ????????????<li><a?href="javascript:void(0)">Greagent</a></li> ????????????<li><a?href="javascript:void(0)">九鼎化學(xué)</a></li> ????????????<li><a?href="javascript:void(0)">J&K</a></li> ????????????<li><a?href="javascript:void(0)">滬試</a></li> ????????????<li><a?href="javascript:void(0)">Fisher</a></li> ????????????<li><a?href="javascript:void(0)">阿拉丁</a></li> ????????????<li><a?href="javascript:void(0)">沃凱</a></li> ????????????<li><a?href="javascript:void(0)">邁瑞爾</a></li> ????????????<li><a?href="javascript:void(0)">西化</a></li> ????????????<li><a?href="javascript:void(0)">TCI</a></li> ????????????<li><a?href="javascript:void(0)">Adamas</a></li> ????????????<li><a?href="javascript:void(0)">Greagent</a></li> ????????????<li><a?href="javascript:void(0)">九鼎化學(xué)</a></li> ????????????<li><a?href="javascript:void(0)">J&K</a></li> ????????????<li><a?href="javascript:void(0)">滬試</a></li> ????????????<li><a?href="javascript:void(0)">Fisher</a></li> ????????</ul> ????????<a?href="javascript:void(0)"?id="more2">更多</a> ????</div> ????<div?class="select-packsize"> ????????<h5?class="packsize-name">規(guī)格：</h5> ????????<ul?id="select3"> ????????????<li><a?href="javascript:void(0)">10ml</a></li> ????????????<li><a?href="javascript:void(0)">20ml</a></li> ????????????<li><a?href="javascript:void(0)">30ml</a></li> ????????????<li><a?href="javascript:void(0)">40ml</a></li> ????????????<li><a?href="javascript:void(0)">50ml</a></li> ????????????<li><a?href="javascript:void(0)">60ml</a></li> ????????????<li><a?href="javascript:void(0)">70ml</a></li> ????????????<li><a?href="javascript:void(0)">80ml</a></li> ????????????<li><a?href="javascript:void(0)">90ml</a></li> ????????????<li><a?href="javascript:void(0)">100ml</a></li> ????????????<li><a?href="javascript:void(0)">10ml</a></li> ????????????<li><a?href="javascript:void(0)">20ml</a></li> ????????????<li><a?href="javascript:void(0)">30ml</a></li> ????????????<li><a?href="javascript:void(0)">40ml</a></li> ????????????<li><a?href="javascript:void(0)">50ml</a></li> ????????????<li><a?href="javascript:void(0)">60ml</a></li> ????????????<li><a?href="javascript:void(0)">70ml</a></li> ????????????<li><a?href="javascript:void(0)">80ml</a></li> ????????????<li><a?href="javascript:void(0)">90ml</a></li> ????????????<li><a?href="javascript:void(0)">100ml</a></li> ????????</ul> ????????<a?href="javascript:void(0)"?id="more3">更多</a> ????</div> ????<div?class="select-area"> ????????<form?class="layui-form"?action=""> ????????<div?class="layui-form-item"> ????????<h5?class="send-name">配送范圍：</h5> ????????????????<select?name="city"?lay-verify=""> ????????????????????<option?value="">請選擇一個省份</option> ????????????????????<option?value="010">北京</option> ????????????????????<option?value="021">上海</option> ????????????????????<option?value="0571">江蘇</option> ????????????????</select> ????????????????<select?name="province"?lay-verify=""> ????????????????????<option?value="">請選擇一個城市</option> ????????????????????<option?value="010">南京</option> ????????????????????<option?value="021">蘇州</option> ????????????????????<option?value="0571">常州</option> ????????????????</select> ????????????????<select?name="area"?lay-verify=""> ????????????????????<option?value="">請選擇一個區(qū)域</option> ????????????????????<option?value="010">東城區(qū)</option> ????????????????????<option?value="021">西城區(qū)</option> ????????????????????<option?value="0571">三里屯</option> ????????????????</select> ????????</div> ????????</form> ????</div> ????</div>$("#select1?li").click(function?()?{ ????$(this).addClass("selected").siblings().removeClass("selected"); ????var?copyThisA?=?$(this).clone(); ????//console.log(copyThisA); ????if?($("#selectA").length?>?0)?{ ????????$("#selectA?a").html($(this).text()); ????}?else?{ ????????$(".select-result?ul").append(copyThisA.attr("id",?"selectA")); ????} }); $("#select2?li").click(function?()?{ ????$(this).addClass("selected").siblings().removeClass("selected"); ????var?copyThisB?=?$(this).clone(); ????//console.log(copyThisB); ????if?($("#selectB").length?>?0)?{ ????????$("#selectB?a").html($(this).text()); ????}?else?{ ????????$(".select-result?ul").append(copyThisB.attr("id",?"selectB")); ????} }); $("#select3?li").click(function?()?{ ????$(this).addClass("selected").siblings().removeClass("selected"); ????var?copyThisC?=?$(this).clone(); ????//console.log(copyThisB); ????if?($("#selectC").length?>?0)?{ ????????$("#selectC?a").html($(this).text()); ????}?else?{ ????????$(".select-result?ul").append(copyThisC.attr("id",?"selectC")); ????} }); $("#selectA").on("click",function?()?{ ????$(this).remove(); ????$("#select1?li").removeClass("selected"); }); $("#selectB").on("click",function?()?{ ????$(this).remove(); ????$("#select2?li").removeClass("selected"); }); $("#selectC").on("click",function?()?{ ????$(this).remove(); ????$("#select3?li").removeClass("selected"); });