HTML 代碼
我想在 <p 或更簡單的解決方案中以這種形式顯示物件值
<div class="control-form-id">
<label for="id">Id:</label>
<input type="text" name="id" id="id" required>
<button type="button" onclick="JSinHTML();" id="search" >Search</button>
</div>
<div class="serial">
<label for="serial">Serial number:</label>
<p id="serial">result</p>
</div>
<script>
function JSinHTML(){
let id_form ={}
id_form.input = document.getElementById("id").value
alert(id_form.input);
google.script.run.main(id_form);
document.getElementById("id").value = "";
}
</script>
谷歌腳本代碼
函式 findId 通過鍵入的 id 回傳行號
function main(JSinHtml){
let numberRow = findId(JSinHtml.input);
Logger.log("input in main " JSinHtml.input);
let toHtml = {};
toHtml.id = sheet_spis.getRange(numberRow, column_id).getValue();
toHtml.serial_number = sheet_spis.getRange(numberRow, column_serialnr).getValue();
toHtml.size = sheet_spis.getRange(numberRow, column_size).getValue();
toHtml.type = sheet_spis.getRange(numberRow, column_type).getValue();
Logger.log(toHtml); //I want to display separately this values in few <p>
}
uj5u.com熱心網友回復：
在您的情況下，如何進行以下修改？
HTML & Javascript 方面：
從
google.script.run.main(id_form);
到：
google.script.run.withSuccessHandler(e => {
document.getElementById("serial").innerHTML = e.serial_number;
}).main(id_form);
Google Apps 腳本方面：
從
Logger.log(toHtml); //I want to display separately this values in few <p>
到：
Logger.log(toHtml);
return toHtml;
筆記：
- 從 開始
<p id="serial">result</p>，我猜您可能想要輸入 的值serial_number。所以，我提出來了。如果要顯示 的整個物件toHtml，請修改document.getElementById("serial").innerHTML = e.serial_number;為document.getElementById("serial").innerHTML = JSON.stringify(e);。
參考：
- withSuccessHandler(函式)
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/478596.html
標籤：javascript html 谷歌应用脚本 谷歌表格 javascript 对象
上一篇：CGPreflightScreenCaptureAccess在開發版本中總是回傳false
下一篇：在兩個谷歌表格之間查找