HTML 文本，为隐藏字段设置相同的值答案

【问题标题】：HTML text, set same value to hidden fieldsHTML 文本，为隐藏字段设置相同的值
【发布时间】：2019-02-15 23:37:19
【问题描述】：

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

我正在尝试下面的代码，并且数据在 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

【问题讨论】：

也许是个愚蠢的问题，但你的项目中安装了 jQuery 吗？还是代码中带有 jQuery CDN 的脚本？您显示的 html 中有值吗？（检查元素或在 Web 浏览器控制台中尝试相同的代码）？
ID 必须在每个文档中都是唯一的，但情况并非如此，因为您在每个循环中分配了相同的 ID

标签： javascript jquery html laravel

【解决方案1】：

只需将名称和值传递给 Form::hidden() 方法即可。

{{ Form::hidden('id', $item->id, array('id' => 'id')) }}
{{ Form::hidden('name', $item->name, array('id' => 'name')) }}
{{ Form::hidden('category', $item->category, array('id' => 'category')) }}

【讨论】：

我现在正在测试这个。如何在控制台中正确转储？
与您在示例中所做的相同。只需使用 Form:hidden() 而不是 input type='hidden'。只是为了确保它有价值。但是为了可用性，您需要为每个元素设置不同的 id 和名称

【解决方案2】：

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

@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

【讨论】：