jquery如何实现弹出div

点击文本框，弹出div(div为后台捞数据库画成的table)，点选div上的数据，显示在文本框中？jquery如何实现，指点一下！！求思路，求神码．3QQ

解决方案 »

  1.   

    有很多jquery插件的了。
    推荐一个：
    http://trentrichardson.com/Impromptu/index.php
      

  2.   

    给你定做的例子，希望对你有帮助。
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
        <title>无标题页</title>
        <style type="text/css">
            #choice table{ border:3px double red; border-collapse:collapse; width:100%; }
            #choice td { border: 1px solid gray; padding:10px; }
            #choice{ display:none; border:1px solid blue; width:500px; height:200px; text-align:center; padding:20px; }
            
        </style>
        <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
        <script type="text/javascript">
            $(function(){
                $("#btnDiv").click(function(){
                   $('#choice').html('<table><tr><td>12345</td></tr><tr><td>ABCDEFG</td></tr></table>').show('slow');
                   $("#choice td").click(function(){
                       $('#display').val($(this).html());
                       $('#choice').hide('slow');
                   });
                });
            });
        </script>
    </head>
    <body>
    <input type="text" id='display' />
    <input type="button" id="btnDiv" value="显示div" />
    <div id='choice'></div>
    </body>
    </html>
      

  3.   

    这个由JQ是大材小用了，比普通的JS省不了太多事。
      

  4.   

    这个由JQ是大材小用了，比普通的JS省不了太多事。