当前位置:编程学习 > JAVA >>

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

我想实现一个树,这颗树要在下拉框内显示,这功能我都差不多实现了。现在遇到的难题是:
我想再在一个文本框下面动态生成一个div(div设置样式可以形成下拉框),而在文本框位置不确定,所以随着文本框位置在其下面动态生成div,请问我怎么实现?以下是我的思路,但都没有成功,1.我想获得文本框位置,然后根据文本框位置定位div位置,在测试页面html没有问题,但加入项目就不行了,2.在文本框后面插入div,但最终没有实现.
请问大家有没有实际的代码和思路实现?谢谢了。 --------------------编程问答-------------------- 可以的,
你找个日历卡的JS插件来研究一下

获取input的位置,可以用其它他父元素的位置、宽/高度 加上自己的宽/高度

还有,你结帖率太低了,别人都不回你 --------------------编程问答-------------------- 很简单的,最方便的是学一下jQuery,然后看看里面的 append, insert函数 --------------------编程问答-------------------- 你的想法是对的。在测试页面html没有问题,但加入项目就不行了。是不是项目中有样式等其他原因影响了。 --------------------编程问答-------------------- $("<div>我是DIV</div>").appendTo("#目标ID")。Jquery --------------------编程问答-------------------- 先建好div隐藏,取位置显示 --------------------编程问答-------------------- 文本框位置不确定是因为文本框也是动态生成的么,如果是的话,简单的办法就是在生成文本框的同时也生成一个DIV,并且同时加上样式style="display: none",然后你指定一个事件在需要的时候显示出来就可以了. --------------------编程问答-------------------- 直接用jquery  先获得当前节点  然后在根据节点追加就是 --------------------编程问答-------------------- --------------------编程问答-------------------- 我不想用jquery,树要成为通用代码,项目里包含页面太多,div位置无法定位。 --------------------编程问答--------------------
引用 9 楼 chentaodn 的回复:
我不想用jquery,树要成为通用代码,项目里包含页面太多,div位置无法定位。

那你直接写个层,然后隐藏掉 --------------------编程问答-------------------- 一般情况下。会采用lz那种方式。但为何html中可以。。项目jsp中不行? 那有可能是项目中布局代码的id或者name有冲突吧。。。。。或者js没有引用正确。。。 --------------------编程问答-------------------- 给文本框所在父容器增加子对象时可以指定位置,指定在此文本框的后面即可,当然还需要配合CSS。 --------------------编程问答-------------------- 弱弱的问下,
<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>
这个脚本程序为什么就不执行。。。 --------------------编程问答-------------------- 用offsetX,offsetY具体查资料
--------------------编程问答--------------------
补充:Java ,  Web 开发
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,