使用Javascript删除隐藏选项卡上所需的标记

当我使用Javascript单击选项卡时，我会从隐藏选项卡中的字段中删除必需的标记。带有required标记的字段由于未使用，因此会阻止提交表单，从而阻止插入数据库。这是我的代码：

<ul class="nav nav-tabs nav-justified">
    <li class="active"><a href="#cliente" data-toggle="tab">Cliente</a></li>
    <li><a href="#azienda" data-toggle="tab">Azienda</a></li>
</ul>
<div class="tab-content">
   <div class="tab-pane active" id="cliente">
      <div class="row">
        <div class="col-md-6">
            <div class="form-group">
                <label for="nome">Nome*</label>
                <input class="form-control" name="nome" id="nome" required="true" autocomplete="off" value="">
            </div>
        </div>
        <div class="col-md-3">
            <div class="form-group">
                <label for="sesso">Sesso*</label>
                <select class="form-control chosen chzn-done" name="sesso" id="sesso" required="true" style="display: none;">
                    <option value="" selected="\&quot;selected\&quot;"></option>
                    <option value="M">M</option>
                    <option value="F">F</option>
                </select>
            </div>
        </div>
     </div>
   </div>
   <div class="tab-pane" id="azienda">
      <div class="row">
        <div class="col-md-6">
            <div class="form-group">
                <label for="ragione_sociale">Ragione sociale*</label>
                <input class="form-control " name="ragione_sociale" id="ragione_sociale" required="true" autocomplete="off" value="">
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <div class="form-group">
                <label for="desc_attivita">Descrizione attività dell'azienda*</label>
            <textarea class="form-control " name="desc_attivita" id="desc_attivita" required="true"></textarea></ul>
        </div>
    </div>
    <div class="row">
        <div class="col-md-6">
            <div class="form-group">
                <label for="citta">Città*</label>
                <input class="form-control " name="citta" id="citta" required="true" value="" autocomplete="off">
            </div>
    </div>  
  </div>

诺姆*
塞索*
M
F
拉吉奥尼社会酒店*
描述阿提维塔·戴尔·阿齐恩达*

西塔*

首先查找所有选定元素，然后循环遍历它们，如果它们呈现为display:none，则将所需属性更改为false

document.querySelectorAll('select').forEach((elem) => {
  if (window.getComputedStyle(elem).display === 'none') {
    elem.required = false;
  }
});

如果您知道将显示none的元素的id或类，那么您可以使用它们而不是使用循环