使用按钮获取HTML表中的值
Get Value in HTML Table using Button
我有一个使用数组填充的简单表:
for (var i = 0; i < results.length; i++) {
var object = results[i];
(function($) {
$('#results-table').append('<tbody><tr><td>' + object.get('Name') + '</td><td>' + object.get('Description') + '</td><td><button class="button" onclick="goToClass()">View Class</></tr></tbody>');
})(jQuery);
理想情况下,我希望goToClass()函数为我提供对象。所选单个行的ID。
例如,如果我选择表中第一行的按钮,它就会给我对象。该类的ID。
我该怎么做?
试试这个:
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
</head>
<body>
<table id="results-table">
</table>
</body>
<script>
results = [
{Name:1,Description:"one",ID:1111},
{Name:2,Description:"two",ID:2222},
{Name:3,Description:"Three",ID:3333}
]
for (var i = 0; i < results.length; i++) {
var object = results[i];
(function($) {
$('#results-table').append('<tbody><tr><td>' + object['Name'] + '</td><td>' + object['Description'] + '</td><td><button class="button" onclick="goToClass('+object['ID'].toString()+')">View Class</></tr></tbody>');
})(jQuery);
}
function goToClass(id) {
console.log(id)
}
</script>
</html>
当我点击按钮时,控制台会在每种情况下给我正确的id。
相关文章:
- 我的HTML按钮没有在Javascript中运行
- 将插件制作的Javascript包含到html按钮中
- 变量不递增如何I'我喜欢html按钮点击的时候
- 如何通过单击html按钮获得h1的文本值
- HTML 按钮点击函数无法使用 jQuery 变量作为参数
- 按下一个HTML按钮,该按钮使用一个功能在同一个新窗口中打开URL
- Html按钮点击事件未触发单选按钮
- 使用带HTML按钮的Knockout
- HTML按钮刷新页面而不是将数据发送到数据库
- 动态生成的html按钮无法加载页面
- 为什么不'这个HTML按钮不起作用
- HTML按钮在单击时表现得很奇怪
- HTML按钮获胜't更改JS变量
- 如何在HTML按钮中有一个静态onclick参数
- 自动点击html按钮
- 按时间启用HTML按钮
- 更改HTML按钮值的颜色,其中值来自调用Javascript的onclick
- 如何最好地编写重叠的 html 按钮
- HTML按钮的作用类似于从键盘按下的键,并在某些对象或整个网站上起作用
- HTML 按钮在 Javascript 的文本字段中添加数字