时间戳

首页 > 解决方案 > 所需的 Google 脚本 HTML 选择不起作用

forms - 所需的 Google 脚本 HTML 选择不起作用

问题描述

代码（我正在使用 Materialize CSS 框架）：

<form class="col s12" id="formRequer">     
      <div class="input-field col s6">
        <select id="stdApply" name="stdApply" required>
          <option value="" disabled selected>Escolha somente uma das opções</option>
          <option value="1">Option 1</option>
          <option value="2">Option 2</option>
          <option value="3">Option 3</option>
        </select>
        <label>Selecione o que quer requerer</label>
      </div>      
  </form>   <!-- END: form class="col s12" id="formRequer -->  


<button class="btn waves-effect waves-light" type="submit" id="btn_submitRequer" form="formRequer">Enviar
  <i class="material-icons right">send</i>
</button>

我复制了不包括 CSS 的代码并将其粘贴到 w3school 上，效果很好！

HTMLService evalute() 过程是否有可能从标签中排除所需的属性或从第一个选项中排除 value="" 属性（这对于 HTML5 选择标签与所需属性一起使用至关重要）？

有什么帮助吗？

标签： formsgoogle-apps-script

解决方案

尝试这个：

HTML：

<html>
<head></head>
<body>
  <form>     
   <select id="stdApply" name="stdApply">
     <option value="" selected>Escolha somente uma das opções</option>
     <option value="1">Option 1</option>
     <option value="2">Option 2</option>
     <option value="3">Option 3</option>
   </select>
   <label>Selecione o que quer requerer</label>
   <br /><input type="button" value="Enviar" onClick="processForm(this.parentNode);" />
  </form>  
  <script>
    function processForm(obj) {
      if(obj.stdApply.value!='') {
        google.script.run.processForm(obj);
      }else{
        document.getElementById('stdApply').focus();
      }
    }
  </script>
</body>
</html>

谷歌脚本：

function processForm(obj) {
  Browser.msgBox(obj.stdApply);
}

function showMyDialog() {
  SpreadsheetApp.getUi().showModelessDialog(HtmlService.createHtmlOutputFromFile('ah3'), 'Test');
}

推荐阅读