| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 1952 人关注过本帖
标题:点击按钮,弹出小列表
只看楼主 加入收藏
gu_tong2008
Rank: 1
等 级:新手上路
帖 子:250
专家分:7
注 册:2009-9-18
结帖率:76.32%
收藏
 问题点数:0 回复次数:2 
点击按钮,弹出小列表
求大神一个问题,怎么用javascript实现点击按钮,弹出一个供选择的小列表?把源码传上来,谢谢!
搜索更多相关主题的帖子: 点击 按钮 弹出 列表 源码 
2018-07-13 17:16
lost光头
Rank: 1
等 级:新手上路
帖 子:1
专家分:0
注 册:2018-7-18
收藏
得分:0 
<!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>
2018-07-30 14:56
lifei1210
Rank: 1
等 级:新手上路
帖 子:4
专家分:0
注 册:2018-8-2
收藏
得分:0 
第一次来这里,慢慢学习,慢慢找到进阶之路
2018-08-02 13:30
快速回复:点击按钮,弹出小列表
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.024550 second(s), 10 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved