在表行鼠标悬停时显示提交按钮
Show a submit button on table row mouseover
首先,请原谅我是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; }
相关文章:
- 在我的网站上显示最近提交的文章/图片
- HTML5在提交并显示所需标签后显示隐藏的表单元素
- 如何在单击“提交”按钮时为“新建”窗口编写JavaScript,用“确定”和“取消”显示注册信息
- 提交表单时,显示或识别隐藏的必填字段并将其集中
- 表单提交没有'如果为空,则不会显示错误消息
- 如何在同一页面上显示用户提交的数据
- 如何在将鼠标悬停在提交/锚点上时检查复选框是否已选中,并显示提示用户这样做的警报
- 显示带有表单提交的单击事件的 toastR
- 提交后如何递增和显示表单数量
- 在表行鼠标悬停时显示提交按钮
- 在 AngularJS 中显示提交时验证错误消息
- React JS显示提交后的数据
- 仅当选择选项时,才在多个表单上显示提交按钮
- 点击文本区域时显示提交按钮
- 我如何隐藏和显示提交按钮时,一个是按钮被点击
- 在文本区域字段中键入时显示提交按钮
- Rails:Foundation5显示提交模式按钮
- 在更改单选按钮状态时显示提交按钮.如何
- 显示提交<链接onchange并传递已更改的输入框的值
- Rails在同一页面显示提交后的信息