您的位置：程序门 -> web 开发 ->

jsp中该如何利用超链接显示表单一部分，隐藏其它不想显示的部分？谢谢

[收藏此页] [打印本页]选择字色：背景色：字体：[大][中][小]

jsp中该如何利用超链接显示表单一部分，隐藏其它不想显示的部分？谢谢[已结贴,结贴人:dreamtime110]

发表于：2007-10-03 19:43:40 楼主

现在需要开发个录入界面（利用jsp），由于字段比较多（60多个吧），如果在一个页面显示显得太多，影响录入。现在小弟想要把这些字段做成一张大的表单，然后利用界面上的超链接显示表单的一部分，该如何隐藏那些不想显示表单部分？

发表于：2007-10-03 21:30:541楼得分:20

<form>
<input type="text" />
<input type="text" />
<a href="javascript:void（0);" onclick="document.getelementbyid（'d1').style.display=（document.getelementbyid（'d1').style.display=='none'?'block':'none')"> 展开 </a>
<div id="d1" style="display:none">
<input type="text" />
<input type="text" />
</div>
</form>

jsp里好像#会打开新链接，所以用void（0)替代

发表于：2007-10-03 21:41:452楼得分:0

我是个超级菜菜鸟，楼上的猫猫能否给个具体的例子？

发表于：2007-10-03 22:43:103楼得分:0

我上面写的就是一个举一反三的例子，你把我上面写的这部分复制到一个空白网页里就可以看到效果啊！

发表于：2007-10-04 19:10:124楼得分:0

真是非常感谢,看来要学习的好多啊

发表于：2007-10-04 19:31:555楼得分:0

为什么我运行系统提示 <a href="javascript:void（0);" onclick="document.getelementbyid（ 'd1 ').style.display=（document.getelementbyid（ 'd1 ').style.display== 'none '? 'block ': 'none ')" > 展开 </a >
缺少对象

发表于：2007-10-04 20:02:056楼得分:0

document.getelementbyid（'d1') 这个地方的d1是div的id，你看能不能取到它。又或者void（0)不能用，那就换成javascript:;试试。估计就这两个地方的问题。

发表于：2007-10-05 09:20:337楼得分:0

通过隐藏表单一部分这种做法对于传递数据有影响吗?

发表于：2007-10-05 15:12:248楼得分:0

你把该传的传过去，“不该传”或者“不想传”的不传过去不就可以了。呵呵，我自己感觉都说的有些绕口了。

加一句：display:none下的传递是没有影响的，服务器端应该照样可以获取^_^

发表于：2007-10-06 08:21:079楼得分:0

<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>
<head>
<title> new document </title>
<meta name="generator" content="editplus">
<meta name="author" content="">
<meta name="keywords" content="">
<meta name="description" content="">
</head>
<body>
<form >
<a href="javascript:void（0);" onclick="document.getelementbyid（'d1').style.display=（document.getelementbyid（'d1').style.display=='none'?'block':'none')"> 展开 </a>
<br>
<a href="javascript:void（0);" onclick="document.getelementbyid（'d2').style.display=（document.getelementbyid（'d2').style.display=='none'?'block':'none ') && document.getelementbyid（'d1').style.display:none"> 商品特性 </a>
<div id="d1" style="display:none" >
质量 <input type="text" / > <br>
体积 <input type="text" / > <br>
总重量 <input type="text" / > <br>
</div >
<div id="d2" style="display:none" >
长度 <input type="text" / > <br>
高度 <input type="text" / > <br>
价格 <input type="text" / > <br>
</div >
</form >
</body>
</html>

系统提示 <a href="javascript:void（0);" onclick="document.getelementbyid（'d2').style.display=（document.getelementbyid（'d2').style.display=='none'?'block':'none ') && document.getelementbyid（'d1').style.display:none"> 商品特性 </a> 缺少; 能帮忙看看我这边哪里写错了吗?

我想点击“展开”,只显示“展开”内的内容,点击“商品特性”,只显示“商品特性”内的内容

下一篇：css高手帮忙解释这个问题，多谢了！（在线等）
上一篇：ajax新手，取不到xml文件的内容？？？

其他资讯