我有一个div可以正确显示h3标签中来自控制器的数据，但是我也试图将该值映射到它自己的隐藏输入中，所以我遇到了问题
数据正确，因此每个div的h3显示适当的数据，该数据由$ key循环。如果我这样做
@foreach($items as $key => $item)
<h3 class="uk-width-4-10">{{$item->category}}</h3>
<input type="hidden" name="edit_category" id="edit_category" value="{{$item->category}}" />
@endforeach
function editCommentModal(){
console.log(document.getElementById("edit_category").value);
}
然后我的控制台登录时没有错误，但未显示所选项目的类别，这显然是由于隐藏的输入中没有唯一的ID /名称。
但是，当我添加密钥使其唯一时，我得到的'无法读取属性'值'为null。
这是带有错误的$ key的新版本：
@foreach($items as $key => $item)
<h3 class="uk-width-4-10">{{$item->category}}</h3>
<input type="hidden" name="edit_category_{{ $key }}" id="edit_category_{{ $key }}" value="{{$item->category}}" />
@endforeach
function editCommentModal(){
console.log(document.getElementById("edit_category_{{ $key }}").value);
}
如何正确确保每个div都有与显示的H3值匹配的隐藏输入？