javascript - HTML 文本，为隐藏字段设置相同的值

Question

在 laravel 中，我有一些标题文本填充了来自 Controller 的数据，但我想将标题中的完全相同的字段设置为隐藏输入以进行表单提交。

我正在尝试下面的代码，数据在 h2 标签中正确显示，但我试图将每个代码设置为它自己的隐藏输入字段，并且我正在尝试执行 console.log 以确保我正在设置它们，但它没有在控制台中显示任何内容。

我不确定我是否在设置隐藏输入时搞砸了，或者我可能只是没有建立变量或正确记录它们。

有什么想法吗？谢谢

@foreach($items as $item)

    <form id="testForm">

        <h2>{{$item->id}}</h2>
        <h2>{{$item->name}}</h2>
        <h2>{{$item->category}}</h2>

        <input type="hidden" name ="id" id = "id" value="{{$item->id}}" />
        <input type="hidden" name ="name" id = "name" value="{{$item->name}}" />
        <input type="hidden" name ="category" id = "category" value="{{$item->category}}" />

        <script type="text/javascript">
           var id = $("#id").val();
           var name = $("#name").val();
           var category = $("#category").val();

           console.log(id);
           console.log(name);
           console.log(category);

        </script>

    </form>

@endforeach

Answer 1

您需要为每个隐藏字段指定唯一的名称。

@foreach($items as $item)

    <form id="testForm">

        <h2>{{$item->id}}</h2>
        <h2>{{$item->name}}</h2>
        <h2>{{$item->category}}</h2>

        <input type="hidden" name ="id_{{$item->id}}" id = "id_{{$item->id}}" value="{{$item->id}}" />
        <input type="hidden" name ="name_{{$item->id}}" id = "name_{{$item->id}}" value="{{$item->name}}" />
        <input type="hidden" name ="category_{{$item->id}}" id = "category_{{$item->id}}" value="{{$item->category}}" />               

    </form>

@endforeach