我在Laravel刀片引擎中有这个For-each循环,我想使用按钮单击事件将ID和名称传递给Javascript函数,并将其记录到控制台,
逻辑:以图片为例(1.)一旦单击ADD按钮,则从A点的学生将转到B点(2.)一旦单击DELETE按钮,则从A点的学生将被从B点删除,然后返回到A点
现在,到目前为止,我已经尝试使用console.log将学生的姓名和ID记录到控制台,但是问题是只有第一个学生的ID会出来。例如,如果我单击学生3 = id为1,则没有获得学生的真实ID。我该如何处理?实现目标的最佳建议是什么
编码
@foreach($students as $std)
<input id="myInput" type="button" value="{{$std->name}}" onclick="addRow()">
@endforeach
function addRow() {
var inputVal = document.getElementById("myInput").value;
console.log(inputVal);
}
将数据属性添加到您的输入字段,并在onclick()上获取它们。这是数据属性文档。
使用Jquery的代码
@foreach($students as $std)
<input id="myInput" type="button" data-name="{{$std->name}}" data-id="{{$std->id}}" value="{{$std->name}}" onclick="addRow(this)">
@endforeach
function addRow(ele)
{
var name= $(ele).attr('data-name');
var id= $(ele).attr('data-id');
console.log(name);
console.log(id);
}