Javascript 谷歌应用程序脚本-表单输入未正确提交 开始： 完: var startColor=document.getElementById（“startColor”）.value； var endcolor=document.getElementById（“endcolor”）.value； 函数doSomething（）{ google.script.run.withFailureHandler（函数（错误）{ console.log（“错误”） console.log（错误消息） }).withSuccessHandler（函数（结果）{ log（“完成！”） }).测试（StartColor）； }

我有一个谷歌应用程序脚本HTML侧边栏。这是HTML侧栏的一些代码。当我输入颜色并按“提交”时，我希望它以StartColor的提交值作为输入运行test（）函数。但是，它使用默认值“#123456”运行，而不是用户提交的值。如何解决此问题？

问题在于，您正在从doSomething函数外部定义“StartColor”和“EndColor”变量，因此在调用该函数时，它使用加载页面时定义的值，而不是提交表单时可以定义的值

---

解决方案是在doSomething函数中定义变量“StartColor”和“EndColor”。

问题在于，您是从doSomething函数外部定义“StartColor”和“EndColor”变量，因此调用该函数时，它使用加载页面时定义的值，而不是在提交表单时可以定义的值

---

解决方案是在doSomething函数中定义变量“StartColor”和“EndColor”。

move

StartColor

和

EndColor

在函数中-这样就可以了！！！！调用函数

doSomething

时，您没有检查值，而是在加载页面时检查值-这就是为什么它总是默认为函数内部的#123456move

startcolour

和

endcolor

-这样就可以正常工作了！！！！调用函数

doSomething

时，您没有检查值，而是在加载页面时检查值-这就是为什么它总是默认为#123456

<form id="colours" onsubmit="doSomething()">
  <label for="startcolour" style="font-family:arial">Start:</label>
  <input type="color" name="startcolour" id="startcolour" value="#123456"> &nbsp;
  <label for="endcolour" style="font-family:arial">End:</label>
  <input type="color" name="endcolour" id="endcolour" value="#abcdef"><br><br>
  <br>
  <input type="submit" value="Submit">
</form>

<script>
  var startcolour = document.getElementById("startcolour").value;
  var endcolour = document.getElementById("endcolour").value;

  function doSomething() {
    google.script.run.withFailureHandler(function(error) {
      console.log("error")
      console.log(error.message)
    }).withSuccessHandler(function(result) {
      console.log("done!")
    }).test(startcolour);
  }
</script>