点击按钮,弹出小列表
求大神一个问题,怎么用javascript实现点击按钮,弹出一个供选择的小列表?把源码传上来,谢谢!
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div class="wid">
<label>你最喜欢的,请点击确认开始选择---></label>
<button type="button" style="margin-top:0; width:50px;" onclick="btn()">确定</button>
</div>
<div id="libiao" style="display:none; position: absolute;background:#FFF;border:1px solid #4852ff">
<label>你最喜欢谁呢?</label><br />
<input type="radio" name="av" value="多波野结衣" /> 多波野结衣<br />
<input type="radio" name="av" value="小泽玛利亚" /> 小泽玛利亚<br />
<input type="radio" name="av" value="桃谷绘里香" /> 桃谷绘里香<br />
<input type="radio" name="av" value="明日花绮罗" /> 明日花绮罗<br />
<button id="1" value="提交" >提交</button>
</div>
<script>
window.onload=function(){
var btn=document.getElementById("1");
btn.onclick=function(){
var chkObjs=null;
var obj=document.getElementsByName("av")
for (var i=0;i<obj.length;i++){ //遍历Radio
if(obj[i].checked){
chkObjs=obj[i].value;
}
}
alert("原来你喜欢:"+chkObjs);
}
}
function btn() {
var x=document.getElementById("libiao");
x.style="display:block";
}
</script>
</body>
</html>