我有一个由普通 PHP 循环生成的表。我想要做的是在每行的第一列中创建一个表单,默认情况下它是隐藏的,但是当您单击该行中的切换链接时会出现。
我可以通过创建一个名为 hidden 和 setting 的 CSS id 来制作一个普通的可切换 div display: none;
。不幸的是,我无法继续创建id=hidden
与前面的链接自动关联的 div。
我对 Javascript 和 CSS 都非常缺乏经验,所以我主要尝试通过将示例拼凑在一起来做到这一点,但我的结果是空的。我在某些地方读到过你不能将 div 放在表格中,所以也许我做错了。
这是代码的作用以及我希望它如何工作的示例,但当然不是。
<script language="JavaScript" type="text/javascript">
function toggle(id) {
var state = document.getElementById(id).style.display;
if (state == 'block') {
document.getElementById(id).style.display = 'none';
} else {
document.getElementById(id).style.display = 'block';
}
}
</script>
<?php
while($array = mysql_fetch_array($sql))
{
?>
<tr>
<td>
<?php
echo $array['some_data'];
?>
<a href="#" onclick="toggle('hidden');">Toggle</a>
<div id="hidden"><?php echo $array['hidden_thing']; ?></div>
</td>
<td>
<?php echo $array['some_other_data']; ?>
</td>
</tr>
<?php
}
?>