<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<input id="input1" onclick="sele()"/>
<div id="div1" style="visibility: hidden;">
<ul>
<li>A</li>
<li>B</li>
<li>C</li>
</ul>
</div>
<script>
var flag=false;
var div1=document.getElementById("div1");
var input1=document.getElementById("input1");
var lis=document.getElementsByTagName("li");
function sele(){
if(flag==false){
div1.style.visibility="visible";
flag=true;
}else{
div1.style.visibility="hidden";
flag=false;
}
for(var i=0;i<lis.length;i++){
lis[i].onclick=function(){
input1.value=this.innerHTML;
}
}
}
</script>
</body>
</html>
js模拟选择下拉框
最新推荐文章于 2022-08-22 08:47:13 发布