首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Google script HTML select required不起作用

Google script HTML select required不起作用
EN

Stack Overflow用户
提问于 2020-05-04 22:45:09
回答 1查看 101关注 0票数 0

代码(我正在使用Materialize CSS框架):

代码语言:javascript
复制
<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 that ()进程是否可以从标记中排除所需的属性,或者从第一个选项中排除value="“属性(这对于HTML5选择标记与所需的属性一起使用是至关重要的)?

有什么帮助吗?

EN

回答 1

Stack Overflow用户

发布于 2020-05-05 05:22:28

试试这个:

HTML:

代码语言:javascript
复制
<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>

Google脚本:

代码语言:javascript
复制
function processForm(obj) {
  Browser.msgBox(obj.stdApply);
}

function showMyDialog() {
  SpreadsheetApp.getUi().showModelessDialog(HtmlService.createHtmlOutputFromFile('ah3'), 'Test');
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/61594967

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档