所需的 Google 脚本 HTML 选择不起作用答案

【问题标题】：Google script HTML select required did not work所需的 Google 脚本 HTML 选择不起作用
【发布时间】：2020-05-04 14:45:09
【问题描述】：

代码（我正在使用 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 选择标签与所需属性一起使用至关重要）？

有什么帮助吗？

【问题讨论】：

请说明exclude the required attribute from tag的意思。
Select 的初始化脚本在哪里？ materializecss.com/select.html#initialization
您好 ziganotschka，感谢您的回复。从标签中排除所需属性 = 从选择标签中删除所需属性
嗨，肖恩·多赫蒂，感谢您的回复。初始化是正确的，它工作正常并且渲染得很好。唯一的问题是，当我单击提交按钮时，它发送的表单不介意我是否选择了一个选项。换句话说，如果我不选择选项，则发送的表单不考虑所需的属性。如果

标签： forms google-apps-script

【解决方案1】：

试试这个：

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');
}

【讨论】：