<p>车辆类型</p>
<p class="address">请选择</p>
<img src="img/jiantou.png" alt="" class="arrow" />
</li>
<div id="mask">
<div class="inner">
<div class="prop">
<p class="tit"></p>
<div class="div_content">小型汽车</div>
</div>
</div>
</div>
js:
document.querySelector("#mask .prop .div_content,#mask").onclick = function(e) {
hide();
e.stopPropagation();
};
var tit=document.getElementsByClassName('tit')[0];
var lis=document.querySelectorAll(".content ul li p.address");
lis=[].slice.call(lis);
lis.forEach(function(item, index, arr) {
item.onclick = function() {
var tit_text=item.parentNode.children[0].innerHTML;
tit.innerHTML=tit_text;
show();
}
});
function show() {
document.querySelector("#mask").style.display = "inline-block";
};
function hide() {
document.querySelector("#mask").style.display = "none";
};