Javascript ? 有错误吗？哪一行？调试详细信息？我想找到一个解决方案来自动填充其他字段。正如您所看到的问题，我已经编写了代码，动态地从选择选项中的电子表格中获取数据，现在我已经询问了如何继续处理其他字段。执行与第一列相同的操作getValues（A:C…）和data[
Javascript ? 有错误吗？哪一行？调试详细信息？我想找到一个解决方案来自动填充其他字段。正如您所看到的问题，我已经编写了代码，动态地从选择选项中的电子表格中获取数据，现在我已经询问了如何继续处理其他字段。执行与第一列相同的操作getValues（A:C…）和data[,javascript,google-apps-script,google-sheets,bootstrap-4,web-applications,Javascript,Google Apps Script,Google Sheets,Bootstrap 4,Web Applications,? 有错误吗？哪一行？调试详细信息？我想找到一个解决方案来自动填充其他字段。正如您所看到的问题，我已经编写了代码，动态地从选择选项中的电子表格中获取数据，现在我已经询问了如何继续处理其他字段。执行与第一列相同的操作getValues（A:C…）和data[i][1]或data[i][2]根据您需要的列。继续努力，不断尝试。谢谢你的回答。我已经应用了您的代码，但字段（B-C）是空的。@Popoff谢谢您的回复。给您带来不便，我深表歉意。不幸的是，我无法复制你的情况。因为在我的环境中，我可以确认脚本
? 有错误吗？哪一行？调试详细信息？我想找到一个解决方案来自动填充其他字段。正如您所看到的问题，我已经编写了代码，动态地从选择选项中的电子表格中获取数据，现在我已经询问了如何继续处理其他字段。执行与第一列相同的操作
getValues（A:C…）data[i][1]data[i][2]选项html+=…setValues（）选项html+=…setValues（）function address() {
var sheet = SpreadsheetApp.openById("xxx").getSheetByName("Sheet3");
var lastRow = sheet.getLastRow();
var myRange = sheet.getRange("A1:A" + lastRow);
var data = myRange.getValues();
var optionsHTML = "";
for (var i = 0; i < data.length; i+=1) {
optionsHTML += '<option>' + data[i][0] + '</option>';
};
return optionsHTML;
}
<select class="custom-select" name="test" id="test">
<?!= address(); ?>
</select>
+-----------------------+---------+-------+
| Col A (Select Option) | Col B | Col C |
+-----------------------+---------+-------+
| Italy | Tom | Red |
| USA | Michael | Green |
| Africa | Anna | Blue |
+-----------------------+---------+-------+
function doGet(request) {
return HtmlService.createTemplateFromFile('Index')
.evaluate();
}
/* @Include JavaScript and CSS Files */
function include(filename) {
return HtmlService.createHtmlOutputFromFile(filename)
.getContent();
}
/* @Process Form */
function processForm(formObject) {
var url = "xxxx";
var ss = SpreadsheetApp.openByUrl(url);
var ws = ss.getSheetByName("Data");
ws.appendRow([formObject.azienda,
formObject.test,
formObject.field1,
formObject.field2]);
}
function address() {
var sheet = SpreadsheetApp.openById("xxxx").getSheetByName("Sheet3");
var lastRow = sheet.getLastRow();
var myRange = sheet.getRange("A2:C" + lastRow); // Modified
var data = myRange.getValues();
var optionsHTML = "";
for (var i = 0; i < data.length; i+=1) {
optionsHTML += `<option data-values="${data[i][1]},${data[i][2]}">${data[i][0]}</option>`; // Modified
};
return optionsHTML;
}
<!DOCTYPE html>
<html>
<head>
<base target="_top">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
</head>
<body>
<div class="container">
<div class="row justify-content-center">
<div class="col-8">
<form id="myForm" onsubmit="handleFormSubmit(this)">
<p class="h4 mb-4 text-center">Contact Details</p>
<div class="form-row">
<div class="form-group col-md-12">
<label for="azienda">Azienda</label>
<input type="text" class="form-control" id="azienda" name="azienda" required="">
</div>
<div class="form-group col-md-2">
<label for="test">Ateco 1</label>
<select class="custom-select" name="test" id="test">
<?!= address(); ?>
</select>
</div>
<div class="form-group col-md-5">
<label for="field1">Field1</label>
<input type="text" class="form-control" id="field1" name="field1" disabled="disabled">
</div>
<div class="form-group col-md-5">
<label for="field2">Field2</label>
<input type="text" class="form-control" id="field2" name="field2" disabled="disabled">
</div>
</div>
<button type="submit" class="btn btn-primary btn-block">Inserisci in Master Leads</button>
</form>
<div id="output"></div>
</div>
</div>
</div>
</body>
<?!= include('JavaScript'); ?>
</html>
<script>
// Prevent forms from submitting.
function preventFormSubmit() {
var forms = document.querySelectorAll('form');
for (var i = 0; i < forms.length; i++) {
forms[i].addEventListener('submit', function(event) {
event.preventDefault();
});
}
}
window.addEventListener('load', preventFormSubmit);
function handleFormSubmit(formObject) {
google.script.run.processForm(formObject);
document.getElementById("myForm").reset();
}
function setValues(select) {
const [v1, v2] = select.options[select.selectedIndex].dataset.values.split(",");
document.getElementById("field1").value = v1;
document.getElementById("field2").value = v2;
}
const select = document.getElementById("test");
setValues(select);
select.addEventListener("change", () => setValues(select));
</script>
function address() {
var sheet = SpreadsheetApp.openById("xxx").getSheetByName("Sheet3");
var lastRow = sheet.getLastRow();
var myRange = sheet.getRange("A2:C" + lastRow); // Modified
var data = myRange.getValues();
var optionsHTML = "";
for (var i = 0; i < data.length; i+=1) {
optionsHTML += `<option data-values="${data[i][1]},${data[i][2]}">${data[i][0]}</option>`; // Modified
};
return optionsHTML;
}
<select class="custom-select" name="test" id="test">
<?!= address(); ?>
</select>
<input type="text" id="field1" disabled="disabled">
<input type="text" id="field2" disabled="disabled">
<script>
function setValues(select) {
const [v1, v2] = select.options[select.selectedIndex].dataset.values.split(",");
document.getElementById("field1").value = v1;
document.getElementById("field2").value = v2;
}
const select = document.getElementById("test");
setValues(select);
select.addEventListener("change", () => setValues(select));
</script>