<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");
});
添加回答
举报
0/150
提交
取消