怎么控制文本框的控制和隐藏

shinecomegu 2003-12-11 05:01:53
我想在jsp页面中实现文本输入框的出现和隐藏
我想要的效果是这样的,单击按钮或者超连接就会在
页面上出现文本框,不单击则不出现,请问高手怎么实现
...全文
100 10 打赏 收藏 转发到动态 举报
写回复
用AI写文章
10 条回复
切换为时间正序
请发表友善的回复…
发表回复
zql2002 2003-12-11
  • 打赏
  • 举报
回复
学习
Dekn 2003-12-11
  • 打赏
  • 举报
回复
为它设置一个ID,然后设置它的style="display:none",通过ID.style = "display:"和ID.style = "display:none"来控制它的显示与隐藏
shinecomegu 2003-12-11
  • 打赏
  • 举报
回复
多谢各位,我会做了
凋零的老树 2003-12-11
  • 打赏
  • 举报
回复
function Fun_dataout()
{
//window.div1.style.display ="block";
table4.style.display ="block";

var Date2 = window.Date2.value;

var winstr;
winstr = "MoveAction.jsp?Date2="+Date2;
//alert(winstr);
window.frames("child1").location.href=winstr;
}

<table id="table4" width="100%" border="0" style="display:none">
<tr><td>正在导出,请等待......
</td></tr></table>
<table id="table5" width="100%" border="0" style="display:none">
<tr><td>导出完毕!
</td></tr></table>

无爱大叔 2003-12-11
  • 打赏
  • 举报
回复
<INPUT TYPE="text" NAME="love" id="love">
<INPUT TYPE="button" value="show/hide" onclick="sh();">
<script>
function sh()
{
if(love.style.display=='inline')
{
document.all.love.style.display='none';
}else{
document.all.love.style.display='inline';
}
}
</script>
Jass 2003-12-11
  • 打赏
  • 举报
回复
//IE

<input type="text" id="txt" style="display:none">
<input type="button" id="btn" value="显示" onclick="showTxt();">
<script language="javascript">
function showTxt(){
var txt = document.all.txt;
var btn = document.all.btn;

if(txt.style.display=="none"){
txt.style.display = "block";
btn.value = "隐藏";
}else{
txt.style.display = "none";
btn.value = "显示";
}
}
</script>
aku0708 2003-12-11
  • 打赏
  • 举报
回复
up
cen8535 2003-12-11
  • 打赏
  • 举报
回复
<input type="checkbox" name="C1" value="ON" checked onclick="hiddenDiv(this.form)">立即发送   
<div align="left" style="display:none" id="div">
<input type="hidden" name="hid_sendType" value=1>
<jsp:include page="time.jsp" flush="true" />
</div>

<script>
function hiddenDiv(form)
{
if (form.C1.checked)
{
form.hid_sendType.value=1;
document.all.div.style.display = 'none';
}
else
{
form.hid_sendType.value=0;
document.all.div.style.display = '';
}
}
</script>
filippo1980 2003-12-11
  • 打赏
  • 举报
回复
用图层吧,在你的按钮上加一个事件aaa(),点击后visibility = 'show'
例:
<div id="Layer1" style="position:relative; z-index:1;visibility:hidden">
<table width="40%" border="0" align="center" cellpadding="0" cellspacing="2">
<tr height="20" class="textfont">
<td align="center">  </td>
<td align="center" > <input type=text value="">
</td>
<td align="center"> </td>
</tr>
</table>
</div>
function aaa(){
Layer1.style.visibility = 'hidden';
}
little06 2003-12-11
  • 打赏
  • 举报
回复
这个应该是客户端的事情吧
我也正在找相关的东西
试一试在Csdn的JavaScript里找“动态”
就能找到很多相关资料

<script language=JavaScript>
function add(tag,form)
{var oNewItem = document.createElement(tag);
form.insertAdjacentElement("beforeEnd",oNewItem);
}
</script>
<form name="form1">
<input type="button" onclick="add('button',this.form)" value="add"/>

81,092

社区成员

发帖
与我相关
我的任务
社区描述
Java Web 开发
社区管理员
  • Web 开发社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧