Esconder campos nos detalhes da solicitação

selects.png Tenho um fluxo com varios selects onde 1 é selecionado e outro é desabilitado com o comando ".hide", porém quando a solicitação é enviada, nos detalhes da solicitação fica um espaço vazio sem nada, e como vou imprimir, acaba ficando uma folha imensa sem dados... Qual método consigo esconder um campo que não apareça mais após enviado pelo solicitante?

No html/java (formulario):


$('#usuario2').hide();

SELECTS em sequencia


<label id="sbgpe">Sub-grupo de envolvimento</label>
                <div class="form-group">
                    <select class="form-control" name="subgpsegp" required="required" analytics="true" onchange="(subgrupos11(this.value), progress());" gooddataid="1" id="subgpsegp">
                        <option value="0" selected ></option>
                        <option value="Controle de Acesso">Controle de Acesso</option>
                        <option value="Dano ao Patrimônio">Dano ao Patrimônio</option>
                        <option value="Desinteligência">Desinteligência</option>
                        <option value="Infração controle de acesso">Infração controle de acesso</option>
                        <option value="Infração de norma e procedimento">Infração de norma e procedimento</option>
                        <option value="Infração interna de trânsito">Infração interna de trânsito</option>
                        <option value="Manutenção">Manutenção</option>
                        <option value="Ocorrência Logística">Ocorrência Logística</option>
                        <option value="Patrimônio Vulnerável">Patrimônio Vulnerável</option>
                        <option value="Prevenção de Perda - Mercadoria">Prevenção de Perda - Mercadoria</option>
                        <option value="Segurança Patrimonial">Segurança Patrimonial</option>
                        <option value="SESMT - Incidentes e Acidentes">SESMT - Incidentes e Acidentes</option>                    
                    </select>
                </div>
                <div class="form-group">
                    <select class="form-control" name="subgpprevp" required="required" analytics="true" onchange="(subgrupos11(this.value), progress());" gooddataid="1" id="subgpprevp">
                        <option selected value="0" ></option>
                        <option value="Furto/Roubo - Mercadoria">Furto/Roubo - Mercadoria</option>
                        <option value="Prevenção de Perdas - Desperdício">Prevenção de Perdas - Desperdício</option>
                        <option value="Prevenção de Perdas - Mercadoria">Prevenção de Perdas - Mercadoria</option>
                        <option value="Prevenção de Perdas - Outros">Prevenção de Perdas - Outros</option>
                        <option value="Prevenção de Perdas - Suprimentos">Prevenção de Perdas - Suprimentos</option>                    
                    </select>
                </div>
                <label id="descoc">Descrição da ocorrência</label>
                <div class="form-group">
                    <select class="form-control" name="gpca" required="required" analytics="true" gooddataid="1" onchange="(subgrupos112(this.value), progress());" id="gpca">
                        <option selected value="0" ></option>
                        <option value="Entrada autorizada de colaboradores fora do expediente">Entrada autorizada de colaboradores fora do expediente</option>
                        <option value="Entrada autorizada de visitantes ou prestadores de serviço fora do expediente">Entrada autorizada de visitantes ou prestadores de serviço fora do expediente</option>                    
                    </select>

                    <select class="form-control" name="gpdp" required="required" analytics="true" gooddataid="1" onchange="(subgrupos112(this.value), progress());" id="gpdp">
                        <option selected value="0" ></option>
                        <option value="Vandalismo">Vandalismo</option>
                        <option value="Arrombamento">Arrombamento</option>
                        <option value="Dano ao patrimônio">Dano ao patrimônio</option>                
                    </select>

:warning: Atenção: Esta publicação foi transferida automaticamente do fórum antigo, mas os anexos não foram incluídos.

@Arnaldo, como está a estrutura desses campos?

Se você utilizar dessa forma que está fazendo: $('#usuario2').hide(); será somente escondido o campo.

Você quer esconder o label também?

o label tenho escondido como:


document.getElementById("v2").style.display = "none";

O problema é após o envio para a proxima atividade entendi? Nos detalhes da solicitação que o usuario enviou, fica vários espaço em branco (pq foram escondidos com o hide) porém fica uma folha em branco

Manda o print de como está o formulário depois de escondido os campos e também um print do hmtl.

Boa tarde, Arnaldo.

Você pode controlar a exibição dos seus selects no evento de formulário displayFields.

Eu costumo capturar o número da atividade atual através do método getValue("WKNumState") e fazer um if quando ela for diferente da inicial. No seu IF, você utilizar o customHTML.append("seu_código_javascript</script") e esconder o select via jQuery mesmo.

Segue exemplo de código:


var atvAtual = getValue("WKNumState");
if(atvAtual > 4 ){

customHTML.append("<script>document.getElementById('idSelect').style.display = 'block';</script>");

}

Abraço !

@Maeverson estou fazendo usando desta maneira usando o hide e funciona porem não só na tela de solicitação, depois de enviado os detalhes ficam desconfigurados :frowning:

Consegue mandar um print de como aparece ?

@Arnaldo,

Pode ser o .form-group. Se você olhar no fonte, ele possui um margin-bottom de 15px.

Tente ocultar a DIV inteira, ou então tente trocar a classe form-group pela classe row

Att.

Seguindo a dica do @Luiz Postal, porém um pouco diferente, consegui tirar os espaços em branco tirando o form-control dos selects... ficou um pouco desconfigurado porém coloquei um style="height: 30px;" e ficou legal sem aqueles espaços...

tudo era uma questão das classes aberta o hide escondia somente o campo...