使用layer做弹出选择页面

第一步：页面引入js

第二步：页面代码（在这个地方弹出选择列表）

<dl>
                <dt>课程</dt>
                <dd>
                    <div id="lessiondiv">
                    <button id='lessionselector' onclick="return displayimage();">选择课程</button>
                    <asp:Label ID="lessionname" runat="server" Text=""></asp:Label>
                    <asp:HiddenField ID="lessionid" runat="server" />
                        </div>
                    </dd>
            </dl>

对应JS方法

function displayimage() {
            //课程
            layer.open({
                type: 2 //Page层类型
                , area: ['100%', '100%']
                , title: '请选择课程'
                , shade: 0.6 //遮罩透明度
                , maxmin: true //允许全屏最小化
                , anim: 1 //0-6的动画形式，-1不开启
                , content: './弹出列表页的名称.aspx'
            });
            
            return false;
        }

第三步：对弹出列表页的设置
页面设置（其他的代码部分就不贴了）

<input type="checkbox" ID="chkId" Style="vertical-align: middle;"  onclick="onc('<%#Eval("id")%>','<%# Eval("name")%>');"/>

对应JS方法

function onc(id, name) {
            var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
            parent.$('#lessionname').text(name);
            parent.$('#lessionid').val(id);
            parent.layer.close(index);
        }

大工搞成~
（原创内容，如需转载，请联系作者本人获取同意）

——————————————————————————————————
如果您觉得本文还有点用处的话，请点赞，收藏，转发，关注，谢谢谢谢！~
——————————————————————————————————