<div class="pro-choose"> <div class="select-result"><span class="select-choose">筛选条件：</span> <ul> </ul> </div> <div class="select-supplier"> <h5 class="supplier-name">供应商：</h5> <ul id="select1"> <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)">韶远</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)">国药化试</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)">上海毕得</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)">九鼎化学</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> </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)">九鼎化学</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)">九鼎化学</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">规格：</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="">请选择一个区域</option> <option value="010">东城区</option> <option value="021">西城区</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");
});冰封灬尘世