调用函数时，下拉菜单选项消失

Question

我正在尝试将下拉菜单选择传递给Javascript文件中的函数。 这可行，但是当我按下“提交”按钮时，下拉菜单选项就会被删除，而我留下的是空的下拉菜单。 （这似乎只有在它是Google脚本中的应用程序时才会发生。）

有什么想法为什么会这样？ 有没有更好的方法可以通过应用脚本执行此操作？

任何帮助将不胜感激。

 function doSomething(){ var x = document.getElementById("API_key").value; document.getElementById("API_key").innerHTML = x; var subdomain =document.getElementById("subdomain").value; document.getElementById("subdomain").innerHTML = subdomain; var state = document.getElementById("stateSelect").value; document.getElementById("stateSelect").innerHTML = state; google.script.run.getInfo(x,subdomain,state); }

 <!DOCTYPE html> <html> <link rel="stylesheet" href="https://ssl.gstatic.com/docs/script/css/add-ons1.css"> <head> <base target="_top"> </head> <body> <P ALIGN=Center> <BLOCKQUOTE> <P ALIGN=Left> <div class="inline form-group"> <label for="API_key">API Key</label> <input type="text" id="API_key" style="width: 150px;" value="Enter API key here!"> </div> <P ALIGN=Left> <div class="inline form-group"> <p> <label for="Subdomain">Subdomain</label> <input type="text" id="subdomain" style="width: 150px;"> </p> </div> <select id ="stateSelect"> <option value="">All</option> <option value="&state=active">Active</option> <option value="&state=past_due">Past Due</option> <option value="&state=canceled">Canceled</option> <option value="&state=expired">Expired</option> <option value="&state=trialing">Trialing</option> </select> <div> <input type="checkbox" id="Product Info" checked> <label for="Product Info">Product Info</label> </div> <div> <input type="checkbox" id="Shipping Info"> <label for="Shipping Info">Shipping Info</label> </div> <div> <p> <input class="action" type="button" onclick="doSomething()" value="Get Info!" /> </p> </div> </BLOCKQUOTE> </body> </html>

Answer 1

 function doSomething(){ var x = document.getElementById("API_key").value; var subdomain =document.getElementById("subdomain").value; var state = document.getElementById("stateSelect").value; google.script.run.getInfo(x,subdomain,state); }

 <!DOCTYPE html> <html> <link rel="stylesheet" href="https://ssl.gstatic.com/docs/script/css/add-ons1.css"> <head> <base target="_top"> </head> <body> <P ALIGN=Center> <BLOCKQUOTE> <P ALIGN=Left> <div class="inline form-group"> <label for="API_key">API Key</label> <input type="text" id="API_key" style="width: 150px;" value="Enter API key here!"> </div> <P ALIGN=Left> <div class="inline form-group"> <p> <label for="Subdomain">Subdomain</label> <input type="text" id="subdomain" style="width: 150px;"> </p> </div> <select id ="stateSelect"> <option value="">All</option> <option value="&state=active">Active</option> <option value="&state=past_due">Past Due</option> <option value="&state=canceled">Canceled</option> <option value="&state=expired">Expired</option> <option value="&state=trialing">Trialing</option> </select> <div> <input type="checkbox" id="Product Info" checked> <label for="Product Info">Product Info</label> </div> <div> <input type="checkbox" id="Shipping Info"> <label for="Shipping Info">Shipping Info</label> </div> <div> <p> <input class="action" type="button" onclick="doSomething()" value="Get Info!" /> </p> </div> </BLOCKQUOTE> </body> </html>

Answer 2

这不是必需的。只需评论并检查

 function doSomething(){
  var x = document.getElementById("API_key").value;
  document.getElementById("API_key").innerHTML = x;

  var subdomain =document.getElementById("subdomain").value;
  document.getElementById("subdomain").innerHTML = subdomain;

   var state = document.getElementById("stateSelect").value;
 //document.getElementById("stateSelect").innerHTML = state;

   google.script.run.getInfo(x,subdomain,state);

}

调用函数时，下拉菜单选项消失

问题描述

2 个解决方案

解决方案1
0 已采纳 2015-12-16 09:57:17

解决方案2
0 2015-12-16 10:11:02

调用函数时，下拉菜单选项消失

问题描述

2 个解决方案

解决方案1 0 已采纳 2015-12-16 09:57:17

解决方案2 0 2015-12-16 10:11:02

解决方案1
0 已采纳 2015-12-16 09:57:17

解决方案2
0 2015-12-16 10:11:02