javascript table隐藏与显示

Posted 2023-03-15

这是table的设置
<table cellpadding="0" cellspacing="0" width='768px' border="1" id="tab1" name="frms" style="display:none">
这是在点击更改的时候的设置
<a href="diride.php" onclick="check_xiugai()">更改</a>
js代码
function check_xiugai()

document.getElementById("tab1").style.display='inline';


现在的状况是点一下修改下面会显示的，但是一下又不显示了， 不知道是为什么，指点指点

不懂php, 但你的 a 标签里面onclick="" 和 href 一起来可能会有问题， 然后 js里面
.. style.display="inline" 没见过， 显示与隐藏属性 （block / none）;
我建议你的代码可以改成这样：
<a href="javascript：check_xiugai()">
function check_xiugai()
if( document.getElementById("tab1").style.display==none) //判断是否为隐藏.
document.getElementById("tab1").style.display=block;
else
document.getElementById("tab1").style.display=none; //隐藏


不清楚PHP, 所以仅供参考.追问

style.display="inline" 和 style.display="block"基本差不多
如果单门的在a标签里增加一个js事件，那早就加了，主要是我要通过点击这个事件顺便要把具体的值给传过去，不知道这个还有什么方法么

追答

不知道你需要什么参数.

js方法中加入
function check_xiugai(url)
。。。。。 //你先可以控制显示或者隐藏.
window.location.href=url; //设置页面跳转.

追问

需要的参数是，当点击更改的时候 把从数据库查询出来的这行数据给带上，然后传过本页面，等修改框出来的时候，自动会把这些信息展示在那里，如果不带参数的话，那么点击修改了，下面display显示的input框里就是个空白， 你明白我说的意思了嘛？

追答

我平常的修改的写法,我把思路跟你说下，希望对你有所帮住.
你一行记录应该在表中会有id. 你并不需要把整记录当参数.
我稍微写下我的代码.
1、js代码:
2、后台：id=xxxx; //获取前台传过来的主键ID
User user=api.getUserById(id) ; 通过ID查询出对象
将对象放到另一个页面上去，具体就不写了.
这是不同页面的.
----------------------------------------------------------------
你在同一个页面中进行修改(看你上面的意思，你的修改在同一页面). 那就可以直接通过JS来控制，
方法1. 你点击修改的时候通过ajax去后台获取参数，然后你把值设置到页面上再修改.
方法2.你直接通过js将这行的信息设置到特定元素中（如input）.

楼主你看着办吧，对于你的意思我是迷糊了.

参考技术A 改成：document.getElementById("tab1").style.display='block';
还有最好是在table外表套一个DIV ，设置DIV的display属性追问

修改成block没效果、外面加个div 设置属性也不成、 反正测试的效果就是 点击一下更改，页面会刷新一下，下面的display：none也会显示出来，然后就又隐藏回去了，没有停留的余地，我觉得应该是那个a标签里面的 href跳转和onclick是不是有点冲突，但是点击的时候必需要传值过去，而且还要处理这个显示的问题， 请问还有别的方法嘛？

追答

你的a标签既然有跳转 href="diride.php" ， 为什么还要隐藏本页的table标签呢

追问

这个页面分上下结构，上面是通过数据库查询 列出了整个信息的展示，一行一行的，每行的最后都有个操作 也就是这个修改

追答

对PHP不了解，你说的情况可能跟我学的有些不一样，情况可能有些特殊，所以我也不好建议什么了

参考技术B 如果你的网页点击更改后不需跳转至diride.php或是刷新
那么改成
<a href="javascript: check_xiugai()">更改</a>追问

问题是 我要点击了那个更改要给下面传值，然后获取修改等操作，我那时也发现这个问题，但没有深入的想