风之石 能不能把我的一个下拉列表放入到弹出层啊

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %>
<html>
<head>
<title>show popup layer</title>
<style type="text/css">
html,body{height:100%;overflow:hidden;}
</style>
</head>
<body>
<form runat="server">
<div id="poop" >
    <asp:DropDownList ID="DropDownList1" runat="server">
    <asp:ListItem>fdfdfdffdfd</asp:ListItem>
    <asp:ListItem>fdfd</asp:ListItem>
    </asp:DropDownList>
    </div>
    <script>
     temp = document.getElementById('poop').innerHTML;//////hereherehereherehereherehereherehereherehereherehere
    </script>
<button onclick="showpopup('title here',temp);">show popup layer</button>
</body>
<script type="text/javascript" src="http://www.easyui.org.cn/easyui.js"></script>
<!--如果不需要拖拽，则不需要加载easydragdrop.js-->
<script type="text/javascript" src="http://www.easyui.org.cn/easydragdrop.js"></script>
<script type="text/javascript" src="http://www.easyui.org.cn/easylayer.js"></script>
<script type="text/javascript" src="http://www.easyui.org.cn/easymask.js"></script>
<script type="text/javascript" src="http://www.easyui.org.cn/easypopup.js"></script>
<script type="text/javascript">
    var dmask = new easyMask(null, '100%', '100%', 100, '#000', 30, false);
    var dpopup = new easyPopup(null, 'formsubmitpopup', null, '#0055EA', '#fff', true, 500, 250, 10010);
    var showpopup = function(stitle, scontent, fooclick, fooclose) {
        //easypopup属性及事件请参阅http://www.easyui.org.cn/easydraglayer.html
        dpopup.fixsize = true;
        dpopup.autofullsize = false;
        dpopup.setShadow();
        if (fooclick && fooclick.constructor == Function) { dpopup.onclick = function(e) { var d = easyUI.getTarget(e); fooclick(d, dpopup); }; }
        dpopup.onopen = function() { dmask.open(); };
        dpopup.onclose = function() { dmask.close(); if (fooclose && fooclose.constructor == Function) { fooclose(); } };
        dpopup.setTitle(stitle);
        dpopup.setContent(scontent);
        if (!dpopup.isopen) { dpopup.open(); }
    };
</script>
</form>
</html>

解决方案 »

  1.   

    可以考虑给BUTTON做事件，在事件处理程序里手动生成下拉列表对象，然后把它加在DIV中
      

  2.   

    是可以的！要用iframe垫底！要不然会漏底!(你在google中输入:div select)
      

  3.   

    http://www.517181.cn/easyui/default.aspx
    <%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %>
    <html>
    <head>
    <title>show popup layer</title>
    <style type="text/css">
    html,body{height:100%;overflow:hidden;}
    </style>
    </head>
    <body>
    <form runat="server">
    <div id="poop" style="display:none" >
        <asp:DropDownList ID="DropDownList1" runat="server">
        <asp:ListItem>fdfdfdffdfd</asp:ListItem>
        <asp:ListItem>fdfd</asp:ListItem>
        </asp:DropDownList>
        </div>
        <script>
        
         temp = document.getElementById('poop').innerHTML; 
        </script>
    <button onclick="showpopup('title here',temp);">show popup layer</button>
    </body>
    <script type="text/javascript" src="http://www.easyui.org.cn/easyui.js"></script>
    <!--如果不需要拖拽，则不需要加载easydragdrop.js--><script src="dhATV.js" type="text/javascript"></script><script src="MagicSwitch.js" type="text/javascript"></script><script src="EasyCalendar.js" type="text/javascript"></script><script src="easyColorPicker.js" type="text/javascript"></script><script src="easyDragDrop.js" type="text/javascript"></script><script src="easyLayer.js" type="text/javascript"></script><script src="easyMask.js" type="text/javascript"></script><script src="easyPopup.js" type="text/javascript"></script><script src="easyRT.js" type="text/javascript"></script><script src="easyUI.color.js" type="text/javascript"></script><script src="easyUI.js" type="text/javascript"></script><script src="easyUI.math.js" type="text/javascript"></script><script src="JSTweener.js" type="text/javascript"></script>
    <script type="text/javascript">
        var dmask = new easyMask(null, '100%', '100%', 100, '#000', 30, false);
        var dpopup = new easyPopup(null, 'formsubmitpopup', null, '#0055EA', '#fff', true, 500, 250, 10010);
        var showpopup = function(stitle, scontent, fooclick, fooclose) {        document.getElementById("poop").style.display = "block";
            //easypopup属性及事件请参阅http://www.easyui.org.cn/easydraglayer.html
            dpopup.fixsize = true;
            dpopup.autofullsize = false;
            dpopup.setShadow();
            if (fooclick && fooclick.constructor == Function) { dpopup.onclick = function(e) { var d = easyUI.getTarget(e); fooclick(d, dpopup); }; }
            dpopup.onopen = function() { dmask.open(); };
            dpopup.onclose = function() { dmask.close(); if (fooclose && fooclose.constructor == Function) { fooclose(); } };
            dpopup.setTitle(stitle);
            dpopup.setContent(scontent);
            if (!dpopup.isopen) { dpopup.open(); }
        };
    </script>
    </form>
    </html>
      

  4.   

    <script type="text/javascript">
        var dmask = new easyMask(null, '100%', '100%', 100, '#000', 30, false);
    =><script type="text/javascript" defer="defer" >
        var dmask = new easyMask(null, '100%', '100%', 100, '#000', 30, false);先加上defer 要不直接报错了
      

  5.   

    <button onclick="showpopup('title here',temp);">show popup layer</button>=><input type="button" onclick="showpopup('title here',temp);" value="show popup layer" />