原页面有一个input输入框,点击输入框右边出现一个浮动窗口、选择浮动窗口的值、原窗口input的值为选择的值,这个效果如何实现,大家有没有原代码提供参考,要求浮动窗口里面显示的数据跟原窗口输入的数据有一定的关系,实现一个过滤和查询

解决方案 »

  1.   

    http://topic.csdn.net/u/20110214/15/e1a3d346-4080-4b79-a107-be2e7fbebb97.html
      

  2.   

    你要的是弹出层效果吗??
    http://download.csdn.net/source/3207027
      

  3.   

    这个是input被点击之后触发一个事件,弹出一个层出来,然后层里面显示若干条数据供选择,当选择其中一条之后,选中的这条自动显示在input框上
      

  4.   

    <script type="text/javascript">
    function openDiv(objname)
    {
        document.getElementById(objname).style.display="block";
    }
    function setValue()
    {
        var t='获取你要设置的值';
        document.getElementById('txtA').value=t;
    }
    </script><input id="txtA" type='button' onClick="openDiv('divA')"><div id='divA' style="display:none">
    ....这里是你要取的那些数据
    <input type='button' onClick="setValue()">
    </div>
      

  5.   

    呃,上面有些地方写错了。
    <script type="text/javascript">
    function openDiv(objname)
    {
        document.getElementById(objname).style.display="block";
    }
    function setValue()
    {
        var t='获取你要设置的值';
        document.getElementById('txtA').value=t;
    }
    </script><input id="txtA" type="text" onclick="openDiv('divA')"><div id='divA' style="display:none">
    ....这里是你要取的那些数据
    <input type='button'  value="确定" onClick="setValue()">
    </div>
      

  6.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
      <html> 
      <style type="text/css">
    a{
    cursor:pointer;
    }
      </style> 
      <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"/></script>
      <script type="text/javascript"> 
    $(function() {
    $('a').bind('click',function() {
    $('#input').val($(this).html());
    $('#subDiv').hide(100);
    });
    })
    function showDiv() {
    $('#subDiv').show(100);
    }
      </script> 
      <body> 
    <div id='main'>
    <input type="text" id="input" readonly="readonly" onclick="showDiv()"/>
    <div id="subDiv" style="border:1px solid #333;display:none;width:100px;height:100px;">
    <a>value1</a>
    <a>value2</a>
    <a>value3</a>
    </div>
    </div> 
      </body> 
      </html> 
      

  7.   

    不知道谁能加入ajax,根据input输入的值,到后台去查找相关数据,然后显示在供选择的div中的代码没有?