同一页面内不同按钮显示不同数据

kaka123ac 2008-07-18 05:32:42

我想做一张页面，页面上第一行有几个按钮，这张页面是显示客户信息的，按钮分别为基础信息，联系信息，业务信息，
刚打开这张页面的时候，显示的是基础信息，当我按“联系信息“按钮时，显示的是联系信息，按”业务信息“按钮时，
显示的是业务信息，再按”基础信息“时，显示的是基础信息。
怎么用javascript实现？

...全文

404 9 打赏收藏转发到动态举报

写回复

9 条回复

切换为时间正序

请发表友善的回复…

发表回复

kaka123ac 2008-07-21

打赏
举报

回复

多谢了，刚学这种东西，现在懂了。

hong_l 2008-07-20

打赏
举报

回复

为什么用document.all.div1.style.display时，提示缺少对象。用document.getElementById("div1").style.display，就可以。请问这是为什么？

hong_l 2008-07-20

打赏
举报

回复

学习~

xiaoting924 2008-07-20

打赏
举报

回复

使用Click事件处理函数，页面加载默认显示“基础信息”，对其他的按钮分别写不同的事件。

jsycbc 2008-07-20

打赏
举报

回复

楼上的正确
可以显示按钮对应的内容
隐藏无关的内容
用style.display="block" 和style.display="none" 来实现.

Msxindl_Com 2008-07-19

打赏
举报

回复

<script language="javascript">
function show(divid)
{
if(divid=='div1'){
document.all.div1.style.display='block';
document.all.div2.style.display='none';
document.all.div3.style.display='none';
}else if(divid=='div2'){
document.all.div1.style.display='none';
document.all.div2.style.display='block';
document.all.div3.style.display='none';
}else if(divid=='div3'){
document.all.div1.style.display='none';
document.all.div2.style.display='none';
document.all.div3.style.display='block';
}
}
</script>
<body>
<table width="90%" border="1" cellspacing="0" cellpadding="0" align="center">
<tr><td>
<input name="jc" type="button" value="基础信息" onclick="show('div1')">
<input name="lx" type="button" value="联系信息" onclick="show('div2')">
<input name="yw" type="button" value="业务信息" onclick="show('div3')">
</td></tr>
<tr id="div1"><td align="center">这里显示基础信息</td></tr>
<tr id="div2" style="display:none"><td align="center">这里显示联系信息</td></tr>
<tr id="div3" style="display:none"><td align="center">这里显示业务信息</td></tr>
</table>
</body>

s_liangchao1s 2008-07-19

打赏
举报

回复

可以用选项卡

牙签是竹子的 2008-07-19

打赏
举报

回复

无非是层的显示和隐藏，楼主有空研究下，或者可以下个模板看下！！

fosjos 2008-07-18

打赏
举报

回复

<div id="div1">...</div>
<div id="div2" style="display:none">...</div>
<div id="div2" style="display:none">...</div>

document.getElementById("div1").style.display="none";
document.getElementById("div1").style.display="block";

onclick执行一下哪些隐藏，哪些显示就可以了

第一个方法:框架第二个方法:MultiView 第三种方法:Panel 像添加控件一样，把一个窗体添加进来；首先要设置这个窗体TopLevel为false；然后调用 BasicIn bi = new BasicIn(); bi.TopLevel = false; ...

用不同按钮控制同一表单上内容的显示，element&avue方法结合

如果在create中进行数据获取，那么在多次打开页面的时候，之后打开的页面数据都是和第一页相同的，这是因为data是在$vm实例创建之前就会进行赋值，而在第一次打开页面时，就已经创建了实例并对data进行赋值了，之后每次打开都不会再创建；使用activated（这是和keep-alive协同使用的一个属性，如果没有设置keep-alive ，activated是不存在的），并在activated中进行Id获取和数据方法调用，可每次获得新的数据。 activated和created的区别：created是创

点击数据表格同一自动定义表格列按钮显示不同模态框在数据表格数据回填的数据有的时候因为因为实际需要我们要把不同表不同一方面的数据放回同一数据表格那么它们在同一种自定义列按钮点击查看弹出模态框对应的那条数据显示回填的的表单数据肯定是由相应的表进行的不同的数据回填不一样的。因为之前我做的数据表格自定义列同点击一种按钮弹出的都是同一的模态框同表的数据回填。那么在数据表格自定义列同点击一种按钮弹出不同模态...

同一个页面跳转显示不同的数据 1.最近在做一个需求的时候有涉及到不同页面的同一个按钮在同一个页面显示不同的数据，大概的起因是A页和B页的大体数据和模板是一样的，但是在B.JSP页面的一些数据是只需要进行只读的。（B页是显示不同数据的jsp页面），本来是打算在创建一个页面C.JSP，把B.jsp的数据迁移过去，然后对部分数据进行只读。但是后面想着如果创建很多的jsp，会导致资源浪费，还有就是创建多个jsp页面到后来自己都有点晕，所以就想到去在同一个jsp页面去显示不同的数据。 2.步骤如下： 1）.先在A 页

87,993

社区成员

224,694

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

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

+ 用AI写文章