温馨提示:本文翻译自stackoverflow.com,查看原文请点击:其他 - get the value of a foreach loop from laravel balde and pass it to javascript function

其他 - 从laravel balde获取foreach循环的值,并将其传递给javascript函数

发布于 2020-03-27 16:15:40

我在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);  
}

查看更多

查看更多

提问者
Copain
被浏览
24
671 2020-01-31 17:24

将数据属性添加到您的输入字段,并在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);  
}

发布
问题

分享
好友

手机
浏览

扫码手机浏览