Javascript 如何将值数组传递给自动完成选项
我正试图从google表单中获取一个自动完成值列表,并将其传递给materialize autocomplete组件 所以当我硬编码选项参数时 { 数据:{ “苹果”:空, “Microsoft”:空, “谷歌”:” } 然后它就可以工作了。所以我的第一次尝试是以这种格式生成一个字符串,并将其传递给脚本bu,但这个脚本不起作用。我尝试过创建对象,生成JSON所有不同的组合 阵列的创建肯定是正确的-当我记录它时-它看起来是这样的:Javascript 如何将值数组传递给自动完成选项,javascript,google-apps-script,materialize,Javascript,Google Apps Script,Materialize,我正试图从google表单中获取一个自动完成值列表,并将其传递给materialize autocomplete组件 所以当我硬编码选项参数时 { 数据:{ “苹果”:空, “Microsoft”:空, “谷歌”:” } 然后它就可以工作了。所以我的第一次尝试是以这种格式生成一个字符串,并将其传递给脚本bu,但这个脚本不起作用。我尝试过创建对象,生成JSON所有不同的组合 阵列的创建肯定是正确的-当我记录它时-它看起来是这样的: [[Beausoleil Ch Co], [Cocoa Pod],
[[Beausoleil Ch Co], [Cocoa Pod], [Corey], [Full Bloom], [Gina Hardy], [Glenn], [Market Movers], [Micoud Ch Co], [Montano's Chocolate Company], [NAMDEVCO], [Nature's Discount], [Perez], [Perez Holding Ltd], [Shaheer], [Unknown], [Veg Out-UWI], [Zaboca]]
[19-11-03 06:05:08:305 GMT] [[Beausoleil Ch Co], [Cocoa Pod], [Corey], [Full Bloom], [Gina Hardy], [Glenn], [Market Movers], [Micoud Ch Co], [Montano's Chocolate Company], [NAMDEVCO], [Nature's Discount], [Perez], [Perez Holding Ltd], [Shaheer], [Unknown], [Veg Out-UWI], [Zaboca]]
html代码和实际脚本的其余部分必须是正确的,因为当我硬编码时它可以工作。我不能工作的是使它从数组中动态
var ss=SpreadsheetApp.openById(“1qmihti8gaunueibmau1hrixjwnwotkz YFneIdEAbU”)
函数doGet(){
var form=HtmlService.createTemplateFromFile(“发票”)
form.categoriesOptions=wrapRangeInTags(getList(“发票类别”))
form.names=createAutoCompleteList(getList(“名称”))
Logger.log(表单名称)
返回表单。评估()
}
函数createAutoCompleteList(rangeArray){
变量数据={};
对于(x=0;x感谢@Sourabh choria的链接,它给了我所需要的,足够近了
<script>
document.addEventListener('DOMContentLoaded', function() {
var selectBoxes = document.querySelectorAll('select');
M.FormSelect.init(selectBoxes);
var datePickers = document.querySelectorAll('.datepicker');
M.Datepicker.init(datePickers);
var autos = document.querySelectorAll('.autocomplete');
var autocomplements = google.script.run.withSuccessHandler(function(value) {
var dynamicOptions = {};
value.forEach(function(data) {
dynamicOptions[data[0]] = null
});
var autoOptions = {
data: dynamicOptions}
M.Autocomplete.init(autos, autoOptions);
}).getList("Names");
});
</script>
document.addEventListener('DOMContentLoaded',function(){
var-selectbox=document.querySelectorAll('select');
M.FormSelect.init(选择框);
var datePickers=document.querySelectorAll('.datepicker');
M.Datepicker.init(日期选择器);
var autos=document.querySelectorAll('.autocomplete');
var autocompletions=google.script.run.withSuccessHandler(函数(值){
var dynamiccoptions={};
value.forEach(函数(数据){
dynamicOptions[数据[0]]=null
});
var自动选项={
数据:dynamicOptions}
M.Autocomplete.init(自动,自动选项);
}).getList(“名称”);
});
试试这个?谢谢!我用它完成了工作!似乎正在做一些我已经尝试过的事情,但它已经杀死了我的选择框:/n有什么想法吗?不要担心信用:D我很高兴你们能找到你们需要的东西!我只是需要努力改进我的SEO,我想:P这个博客还很年轻,所以并不是很好关于搜索引擎结果,我想。至于“杀死我的选择框”部分——可能会显示它的实时实现吗?我认为我们应该能够相应地调试它。