页面传值

实现功能描述：有一文本输入框，此框的值只能通过选择来填充。旁边有一“选择”按钮，点击选择 ，弹出一窗口，在窗口里显示的是一些从数据库里面查询出来的数据，在此窗口上需要有查询功能，就是输入关键字查询数据库，列出数据（数据过多，在此窗口中可能要分页，同时保证查询或点击下一页时此窗口不消失）。单击某条数据，就把此数据填入到原来的文本输入框。此窗口随之也关闭。希望大家能提供解决方案，谢谢？

解决方案 »

  1.   

    http://topic.csdn.net/u/20091112/09/342769c1-0abf-4f92-8699-7ac7d462e0cf.html
      

  2.   

    你这个有点儿类似于auto complete.但是区别在于你弹出的是窗口。多了一个查询的按钮。你需要一个div.这个div就是要存放你数据表格的与其输入框的。搜索结果出来后。你得对每行数据进行键盘事件。包括鼠标选中的点击等等处理。注意兼容性问题。
      

  3.   

    <!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>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>test</title>
    <style>
    #add{
    margin-left:200px;
    margin-top:10px;
    width:200px;
    height:80px;
    display:none;
    position:absolute;
    background:#999;
    border:1px solid red;
    }
    .add{
    float:left;
    margin-left:10px;
    width:40px;
    height:20px;
    border:1px solid green;
    margin-top:10px;
    }
    </style>
    <script src="jquery-1.3.2.js"></script>
    <script>
       $(document).ready(function(){
           $("#btn").click(function(){
           $("#add").show();
       });
       $(".add").click(function(){

          var value1 = $(this).text();
      $("input")[0].value = value1;
      $("#add").hide();
       });
       });
    </script>
    </head><body>
    <input id="tt" type="text"  value="" />
    <input id="btn" type="button" value="选择"  />
    <div id="add">
        <div class="add">aaa</div>
        <div class="add">bbb</div>
        <div class="add">ccc</div>
        <div class="add">ddd</div>
        <div class="add">eee</div>
        <div class="add">fff</div>
    </div>
    </body>
    </html>
    其他的自己来做，或者再发帖
      

  4.   

    用div就可以啊，在div中选择，然后用js把选择的值设置到你要的文本框的地方。
    然后将div隐藏就可以了。