Question

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

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

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

为了清晰起见而编辑

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

在.gs文件中，我根据google工作表中的信息填充数组。

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

我大约12个小时进入HTML，所以我可能甚至不能理解这一点，以正确表达我的问题。

Answer 1

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>

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

Reference

Answer 2

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

<强> FIDDLE

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

2 个答案: