怎么在一个文本框下面动态生成一个div？

我想实现一个树，这颗树要在下拉框内显示，这功能我都差不多实现了。现在遇到的难题是：
我想再在一个文本框下面动态生成一个div（div设置样式可以形成下拉框），而在文本框位置不确定，所以随着文本框位置在其下面动态生成div，请问我怎么实现？以下是我的思路，但都没有成功，1.我想获得文本框位置，然后根据文本框位置定位div位置，在测试页面html没有问题，但加入项目就不行了，2.在文本框后面插入div，但最终没有实现.
请问大家有没有实际的代码和思路实现？谢谢了。

解决方案 »

  1.   

    可以的，
    你找个日历卡的ＪＳ插件来研究一下获取input的位置，可以用其它他父元素的位置、宽/高度　加上自己的宽/高度还有，你结帖率太低了，别人都不回你
      

  2.   

    很简单的，最方便的是学一下jQuery，然后看看里面的 append, insert函数
      

  3.   

    你的想法是对的。在测试页面html没有问题，但加入项目就不行了。是不是项目中有样式等其他原因影响了。
      

  4.   

    $("<div>我是DIV</div>").appendTo("#目标ID")。Jquery
      

  5.   

    文本框位置不确定是因为文本框也是动态生成的么,如果是的话,简单的办法就是在生成文本框的同时也生成一个DIV,并且同时加上样式style="display: none",然后你指定一个事件在需要的时候显示出来就可以了.
      

  6.   

    直接用jquery  先获得当前节点  然后在根据节点追加就是
      

  7.   

    我不想用jquery，树要成为通用代码，项目里包含页面太多，div位置无法定位。
      

  8.   

    一般情况下。会采用lz那种方式。但为何html中可以。。项目jsp中不行？ 那有可能是项目中布局代码的id或者name有冲突吧。。或者js没有引用正确
      

  9.   

    给文本框所在父容器增加子对象时可以指定位置，指定在此文本框的后面即可，当然还需要配合CSS。
      

  10.   

    弱弱的问下，
    <html>
    <head>
    <script type="text/javascript">
    function check()
    {var x=document.getElementById("password");
       var y=document.getElementById("pasword1");
       if(x!=y){alert{"两次密码输入不相同！";return false  }
    }
    </script>  <title>newOperator</title>
    </head>
    <body>
    <form name="myname" action="" method="post" onsubmit="check();" >
    密码：<input type="password" id="password" value=""/></br>
    密码确认:<input type="password" id="password1" value=""/></br>
    <input type="submit" name="sbt" value="提交"/><br>
    </form>
    </body>
    这个脚本程序为什么就不执行
      

  11.   

    用offsetX,offsetY具体查资料