将数组的值传递到HTML文本框中

Passing values of array into HTML text box

本文关键字：HTML 文本 数组 值传      更新时间：2023-09-26

假设我有一个填充数组的函数

function 1(){
  var array = []
  //do things 
  //array.push("stuffs")

如何将此数组传递或迭代到HTML文本框中？

编辑以提高的清晰度

我正在使用谷歌应用程序脚本。我有一个运行服务器端的.gs文件。我有一个.html文件，它填充了我的UI。

在.gs文件中，我正在根据谷歌工作表中的信息填充一个数组。

一旦我有了这个数组，我想在.html文件中填充一个文本框。

我已经花了大约12个小时学习html了，所以我可能还不足以正确地表达我的问题。

var html = '';
var array=['apple', 'peach','pear'];
$.each(array, function(index, item){
  html+='<input type="text" value="' + item + '"/>';  
});
$('body').append(html);

FIDDLE

Code.gs:

function doGet() {
  var t = HtmlService.createTemplateFromFile('index');
  t.data = SpreadsheetApp
      .openById('1234567890abcdefghijklmnopqrstuvwxyz')
      .getActiveSheet()
      .getDataRange()
      .getValues();
  return t.evaluate().setSandboxMode(HtmlService.SandboxMode.IFRAME);
}

index.html:

<table>
  <? for (var i = 0; i < data.length; i++) { ?>
    <tr>
      <? for (var j = 0; j < data[i].length; j++) { ?>
        <td><?= data[i][j] ?></td>
      <? } ?>
    </tr>
  <? } ?>
</table>

我想你们可以使用相同的输入。

参考

相关文章：