获取具有相同名称的隐藏字段中的所有值 - Html

在 HTML 中，隐藏字段是一种可以存储值但无法在页面上显示的表单元素。有时候，在同一个页面中可能会出现多个具有相同名称的隐藏字段。如果需要获取这些隐藏字段中的所有值，我们可以通过以下步骤来实现：

1. 找到具有相同名称的所有隐藏字段。

   <input type="hidden" name="my_hidden_field" value="value1">
   <input type="hidden" name="my_hidden_field" value="value2">
   <input type="hidden" name="my_hidden_field" value="value3">
   

2. 使用 JavaScript 获取所有隐藏字段。

   const hiddenFields = document.querySelectorAll('input[type="hidden"][name="my_hidden_field"]');
   

3. 遍历所有隐藏字段，并将它们的值存储在一个数组中。

   const values = [];
   hiddenFields.forEach((field) => {
       values.push(field.value);
   });
   

最终得到的 values 数组中将包含所有具有名称为 my_hidden_field 的隐藏字段的值，即 ["value1", "value2", "value3"]。

以上就是获取具有相同名称的隐藏字段中的所有值的方法。在实际应用中，我们可能需要对这些值进行进一步处理，如将它们发送到服务器或显示在页面上等。