在输入字段中检索数组

时间:2016-09-29 21:14:18

标签: javascript arrays forms input html-table

我有这个功能:

  function AddRowToForm(row){
  $("#orderedProductsTblBody tr").each(function(){
  // find the first td in the row
  arr.push($(this).find("td:first").text());
  });
  for (i=0;i<arr.length;i++)
  // display the value in input field
document.getElementById("message").innerHTML = (arr[i] + "<br >");
 });
} 

问题是我必须将输入字段中的数组检索到表单中。输入字段是最后一个字段(id =“message”)

 fieldset class="pure-group">
  <label for="date">Data: </label>
  <input id="date" name="date" type="text"/>
</fieldset>

<fieldset class="pure-group">
  <label for="time">Ora: </label>
  <input id="time" name="time" />
</fieldset>

<fieldset class="pure-group">
  <label for="pax">Numero di Persone: </label>
  <input id="pax" name="pax" />
</fieldset>

<fieldset class="pure-group">
  <label for="message">Esperienze: </label>
  <input id="message" name="message" rows="5"></input>
</fieldset>

问题是该功能不起作用。我尝试使用document.write(而不是innerHTML,它可以工作,但是取消了所有内容。有什么帮助吗?提前谢谢!:

1 个答案:

答案 0 :(得分:0)

所以你有几个问题。您可以使用值设置输入的文本。你也没有附加,你只是压倒价值。对于textarea,您需要使用\n作为新行。

$("#orderedProductsTblBody tr").each(function(){
   arr.push($(this).find("td:first").text());
});
for (var i=0;i<arr.length;i++)
   // display the value in input field
   document.getElementById("message").value += arr[i] + "\n");
});

现在我该怎么做?只需使用join。

document.getElementById("message").value = arr.join("\n");