javascript - 如何将数组分配给html输入标签

Question

使用 Javascript，我创建了一个包含元素的数组。

现在，我想将该数组分配给 HTML 隐藏输入字段，以将此输入字段用作表单输入字段。

当我提交表单时，它应该作为数组发送到控制器。

Javascript：

  var schools= [];

 var address1    = place.name;

 var latitude1   = place.geometry.location.lat();

 var longtitude1 = place.geometry.location.lng();


 schools.push([address1,latitude1,longtitude1]);

 document.getElementById("addSchools").value = schools;

HTML：

<input type="hidden" class="form-control" placeholder="Search Box" 

id="addSchools" name="addSchools[]" value="">

标签： javascripthtmlarrayslaravelinput-field

Answer 1

将数组分配给 HTML 中的输入字段有两种方法。1.将数组转换为Json字符串并作为值输入（它可以在某些特殊情况下使用。请检查它是否适用于您的情况。）。2. 在输入字段的名称中使用带有数组表示法的多列。喜欢：-

<input type="hidden" class="form-control" placeholder="Search Box" name="addSchools[]" value="array[0]"> <input type="hidden" class="form-control" placeholder="Search Box" name="addSchools[]" value="array[1]"> <input type="hidden" class="form-control" placeholder="Search Box" name="addSchools[]" value="array[2]">

它将提供一个addSchools[]表单数据数组。