У меня есть div, который правильно отображает данные из контроллера в теге h3, но я пытаюсь отобразить это значение и в его собственный скрытый ввод, и у меня возникла проблема
Данные верны, поэтому 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);
}
Тогда моя консоль регистрируется без ошибок, но не показывает категорию для выбранного элемента, очевидно, из-за отсутствия уникального идентификатора / имени на скрытом вводе.
Однако, когда я добавляю ключ, чтобы сделать его уникальным, я получаю значение «Не удается прочитать свойство», равное нулю.
Вот новая версия с ключом $, вызывающим ошибку:
@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?