简单的javascript onClick表数据
Simple javascript onClick for table data
我有一个10行的图像表,当我点击它时,我试图显示每个图像的id。我已经尝试了很多很多不同的方法(下面的代码),但没有乐趣。希望有人能纠正我的错误。任何jquery或其他聪明的东西都没有意义-我还不懂它。只要一些简单的提示就会有很大帮助。
document.writeln('<table border = 1 >');
for (var j = 0; j < myArray.length; j++){
if (j % 10 == 0 && j !== 0){
document.writeln('</tr><tr>');
}
document.writeln('<td ><img id = "' + myArray[j].id + '" src="' + myArray[j].src + '" onclick = selectImage() /></td>');
}
document.writeln('</tr></table>');
function selectImage() {
alert(document.getElementById(id));
}
您需要为selectImage
方法添加一个参数,以便我们可以向这些方法发送一些信息。正如你在我的代码片段中看到的:
var myArray = [
{
id: "id01",
src: "src01.jpg"
},
{
id: "id02",
src: "src02.jpg"
},
{
id: "id03",
src: "src03.jpg"
},
];
document.writeln('<table border = 1 >');
for (var j = 0; j < myArray.length; j++){
if (j % 10 == 0 && j !== 0){
document.writeln('</tr><tr>');
}
document.writeln('<td ><img id = "' + myArray[j].id + '" src="' + myArray[j].src + '" onclick = selectImage(this) /></td>');
}
document.writeln('</tr></table>');
function selectImage(a) {
console.log(a.getAttribute('src'));
console.log(a.getAttribute('id'));
}
当调用selectImage时,尝试使用'this'关键字传递当前图像元素,即selectImage(this)
,然后在脚本中,您可以接收传递的对象并从中检索id属性。
function selectImage(obj)
{
alert(obj.id);
}
相关文章:
- 如何将数据从onclick按钮传递到变量
- Jquery Onclick将数据发送到新打开的窗口
- json的Angularjs数据,onclick,在右边显示相应的数据
- onClick()函数没有'不要发布任何数据
- 如何读取存储在图像的数据src中的URL,并在另一个img控制器的src中设置该URL onclick
- onClick 事件和数据切换
- jquery onclick 从只有一个输入的 PHP 文件中获取数据
- jQuery onclick不发送数据
- 如何将数据从子组件获取到 props 中传递的按钮的 onclick 中
- 文档范围 onclick 事件发送表单数据
- 数据切换和onclick不能一起工作,我太新了,无法应用@epascarello的解决方案
- D3 数据映射:传入气泡属性的气泡上的 OnClick 事件
- 不会对动态加载的数据进行 onclick 事件更改
- 如何通过 onclick 在表 jQuery 中获取一些数据列和标题
- 在按钮onclick&将数据保存到数据库
- 通过onclick事件将值属性数据从HTML端传递给JavaScript函数
- 使用ngSanitize希望添加带有Angular数据绑定代码的jQuery onClick()
- 如何使用xmlhttp检索onClick/onChange数据
- 在数据表的onclick函数中传递两个以上的参数
- JQuery:如何将一个类应用于表中行内的特定数据onclick或单选按钮