如何使用电子表格中的值创建下拉菜单?

时间:2019-07-19 04:27:18

标签: javascript html css google-apps-script

我正在尝试创建一个下拉菜单,并且其中的值在电子表格的特定列中。

我尝试用foo制作单元格,但是我不知道如何将其调用到我的html文件中。这样有效吗?或者,您可以告诉我另一种将它们命名为我的html文件的方法。

尝试过此代码,但不知道如何将其返回给html。

function email_dropdown(divname) 
{
    var open_sheet = SpreadsheetApp.openByUrl(')getSheetByName');
    SpreadsheetApp.setActiveSpreadsheet(open_sheet);
    var active_sheet = SpreadsheetApp.getActiveSpreadsheet().getSheetByName('*********');
    active_sheet.activate();


    var dropdown = "<select id = 'email_dropdown'> Email";

    var row_val = active_sheet.getRange("**").getValues();
    var row_length = row_val.length;
    var row_data = active_sheet.getRange("**");

    for (var row = 2; row <= row_length; row++)
    {
      dropdown = dropdown + row_data.getCell(**).getValue();
    }

    dropdown = dropdown + "</select>"
    Logger.log(dropdown);

}

1 个答案:

答案 0 :(得分:1)

很酷,您已经解决了大部分问题:)现在,由于数组中包含值,您需要执行以下操作

function yourTestfunction() {
	var exampleValues = ['one', 'two', 'three'];
	// after your values have been stored in the array
	var sheetValuesEl = document.querySelector("#js_sheetValues");

	// populate select with values
	for(var i = 0; i < exampleValues.length; i++) {
		// Create the option
		var optionValue = document.createElement("option");
		// Set the option text
		optionValue.textContent = exampleValues[i];
		// Add the option to the select drop down
		sheetValuesEl.appendChild(optionValue);
	}
}

yourTestfunction()
<select id="js_sheetValues"></select>