Google html从电子表格创建列表

Question

我想从一个基于这里发布的问题Previous questioe posted by @Kron011的问题的电子表格中填充一个列表，我正在挣扎。我添加了这些行我.GS文件：

function getMenuListOne(){ 
return SpreadsheetApp.openbyId('spreadsheet_key').getSheetByName('sheet1') 
.getRange(row, column, numRows, numColumns).getValues(); 
} 

，我添加了这行我的HTML文件：

<select id="menu"> 
    <option></option> 
    <option>Google Chrome</option> 
    <option>Firefox</option> 
    </select> 


<script 
src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"> 
</script> 
<script> 
// The code in this function runs when the page is loaded. 
$(function() { 
    google.script.run.withSuccessHandler(showThings) 
     .getMenuListFromSheet(); 
    google.script.run.withSuccessHandler(showMenu) 
     .getMenuListFromSheet(); 
}); 

function showThings(things) { 
    var list = $('#things'); 
    list.empty(); 
    for (var i = 0; i < things.length; i++) { 
    list.append('<li>' + things[i] + '</li>'); 
    } 
} 

function showMenu(menuItems) { 
    var list = $('#menu'); 
    list.find('option').remove(); // remove existing contents 

    for (var i = 0; i < menuItems.length; i++) { 
    list.append('<option>' + menuItems[i] + '</option>'); 
    } 
} 

</script> 

一如以往我的痛苦有限的经验是阻碍我的努力。我可以得到一个新的菜单框出现并显示我想要的正确结果，但我无法使现有的框显示相同的列表。现有的箱码目前：

<input type="text" name="site" list="depotslist" id="site" class="form-control" placeholder="Select depot/site" required> 
        <datalist id="depotslist"> 
        <option value="one"> 
        <option value="two"> 
        </datalist> 

但有人请点我在正确的方向这我现有的菜单框的部分，我需要改变，以获得两位沟通？

UPDATE 7月23日

添加以下代码来获取另一份清单，以从另一个源操作：

$(function() { 
    google.script.run.withSuccessHandler(showThings2) 
     .getMenuListSources(); 
    google.script.run.withSuccessHandler(showMenu2) 
     .getMenuListSources(); 
}); 

function showThings2(things2) { 
    var list2 = $('#things2'); 
    list.empty(); 
    for (var i = 0; i < things2.length; i++) { 
    list2.append('<li>' + things2[i] + '</li>'); 
    } 
} 

function showMenu2(menuItems2) { 
    var list2 = $('#menu2'); 
    var box2 = $('#sourcelist'); 
    list2.find('option').remove(); // remove existing contents 

    for (var i = 0; i < menuItems2.length; i++) { 
    list2.append('<option>' + menuItems2[i] + '</option>'); 
    box2.append('<option>' + menuItems2[i] + '</option>'); 
    } 
} 

这些线路中的.GS文件：

var Bvals = SpreadsheetApp.openById(ssKey).getSheetByName('SourceCodes').getRange("C3:C").getValues(); 
var Blast = Avals.filter(String).length; 
return SpreadsheetApp.openById(ssKey).getSheetByName('SourceCodes').getRange(3,3,Blast,1).getValues(); 

Answer 1

这与使用元素“菜单”所做的相似。与jQuery的你可以选择包含选项的框中的元素，然后附加新的值。在这种情况下，它的ID是：depotslist。

function showMenu(menuItems) { 
    var list = $('#menu'); 
    var box = $('#depotslist'); 
    list.find('option').remove(); // remove existing contents 

    for (var i = 0; i < menuItems.length; i++) { 
    list.append('<option>' + menuItems[i] + '</option>'); 
    box.append('<option>' + menuItems[i] + '</option>'); 

    } 

作为一个不同的元素“菜单”在这种情况下，内容将保留。这意味着，在框中，你会看到，无论您添加的，因为我们不喜欢这一行删除内容选项“一，二”

list.find('option').remove(); 

我不知道这是否是你想要的到底是什么要做，让我知道如果这没有帮助。