首先,请原谅我是 Javascript 和 PHP 的初学者。
第二个: 我有一个包含一些订单信息的表格,每行的第一个单元格包含一个提交按钮,该按钮会将信息从该行发送到将显示信息的第二页。
我编写了一个小的 Javascript 函数,以便隐藏提交按钮,直到有人将鼠标悬停在它们上面。但我的问题是按钮的提交 ID 分配给了第一个按钮,因此无论我将鼠标悬停在哪一行,都只会显示第一个提交按钮。
显示函数如下:
function showButton(id)
{
var e = document.getElementById(id);
if(e.style.display == 'block')
e.style.display = 'none';
else
e.style.display = 'block';
}
行定义为:
tr onmouseover='showButton("submitButton");'
onmouseout='showButton("submitButton");'>
在新行的每次迭代中生成的按钮是:
input type='submit' id='submitButton' value='Submit'
style='cursor: pointer; display: none;' />
如有任何帮助,我们将不胜感激。我希望在鼠标悬停时每行旁边显示正确的提交按钮。
最佳答案
只需使用 CSS 即可轻松实现,如下所示:
tr input { display: none; }
tr:hover input { display: inline; }
关于php - 在表格行鼠标悬停时显示提交按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10390083/