要在HTML表单中使用的Google电子表格中的数据提取
要在HTML表单中使用的Google电子表格中的数据提取
提问于 2022-11-21 16:54:46
我有300多个员工数据。我想收集他们的手机号码。对于移动号码数据的收集，我制作了HTML页面，它收集员工编号、员工姓名和移动号码等详细信息。在这里，我希望在输入员工ID时，员工的姓名将自动填充到页面中。为此，我编写了如下所示的HTML / JavaScript代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Data Collecction for</title>
</head>
<body>
<form id="my-form">
<script>
function MyFun() {
var response1 = document.getElementById('N1').value;
if (response1 == '') {document.getElementById("N2").value = ''; alert('Please enter your employee ID');}
else if (response1 == "100220") {document.getElementById("N2").value = 'William';}
else if (response1 == "100221") {document.getElementById("N2").value = 'Lucas';}
else if (response1 == "100222") {document.getElementById("N2").value = 'John';}
else {document.getElementById("N2").value = ''; alert('Please enter correct employee ID');}
}
</script>
<label for="T1">Employee ID:</label><br><br>
<input type="number" id="N1" onchange="validity.valid||(value='');MyFun()" ><br><br>
<label for="T2">Employee Name:</label><br><br>
<input type="text" id="N2" readonly required style="background-color:#E6E6FA" size="50" ><br><br>
<label for="T4">Mobile Number:</label><br><br>
<input type="text" pattern="[7-9]{1}[0-9]{9}" id="N4" ><br><br>
<br><br>
<button type="submit" name="myButton">Submit</button></center>
</form>
</body>
</html>在这里，我使用javascript填充员工姓名。但在这里，每当员工数据库更改时，我都需要更改代码。我希望“雇员姓名”应该从谷歌电子表格中提取出来，基于“雇员ID”。示例Google电子表格是这里。
我试图在网上搜索，但失败了。请帮助我，以便一旦我更新谷歌SpreadSheet，然后网页提取和使用的形式。
回答 1
Stack Overflow用户
发布于 2022-11-21 17:07:06
如果您想从google电子表格中提取数据，您可以将您的电子表格作为一个web应用程序发布，并将其用作REST，您可以在这里阅读更多有关这方面的内容。
https://developers.google.com/apps-script/guides/web
您想要这样做的一个例子是：
function doGet(e) {
var employee_id = e.parameter.employee_id;
var values = SpreadsheetApp.getActiveSheet().getRange('A1:B').getValues();
var find = values.find((row) => row[0] === employee_id);
var result = {name: find ? find[1]:'Not found'};
return HtmlService.createHtmlOutput(params);
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/74522356
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号