1

Preciso apagar o texto contido dentro da tag label ("Justificativa") com jquery, segue o código:

function add_text() {
  if ($("#tipo").val() == "Falta") {
    $(".b").remove();
    $("#just").remove();
    $("#justificativa").remove();
  }
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="tipo" name="tipo" onchange="add_text()"><option>Falta</option><option>Falta Justificada</option><option>Fardamento Incompleto</option><option selected="">Entrada/Saída Autorizada</option><option>Indisciplína/Outros</option></select><br>
<label>Justificativa: </label><br><textarea required placeholder='Digite a justificativa do aluno...' title='Seja objetivo(a).' rows='5' name='obs' cols='50' id='justificativa'></textarea>

2
  • 1
    Ela pode possuir ID ?
    – BillRizer
    Commented 31/08/2017 às 1:51
  • Sim @teliz pode sim. Commented 31/08/2017 às 1:54

1 Resposta 1

2

Adicione um ID ao label

<label id="label-justificativa">Justificativa: </label>

Adicione ao seu js

$("#label-justificativa").remove();

--

Penso que pode melhorar seu código:

    function add_text(){     
    	if($("#tipo").val()=="Falta"){
             $(".b").remove();
             $("#just").remove();
             $("#opcoes").hide();
        }
        else{
        	$("#opcoes").show()
        }
    }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="tipo" name="tipo" onchange="add_text()">
       <option>Falta</option>
       <option>Falta Justificada</option>
       <option>Fardamento Incompleto</option>
       <option selected="">Entrada/Saída Autorizada</option>
       <option>Indisciplína/Outros</option>
    </select>
    <div id="opcoes">
       <label>Justificativa: </label><br>
       <textarea required placeholder='Digite a justificativa do aluno...'
       title='Seja objetivo(a).' rows='5' name = 'obs' cols='50' 
       id='justificativa'></textarea>
    </div>

Fiz uma modificação que ele somente é ocultado quando valor selecionado é "Falta"

Assim você remove um bloco inteiro ao invés de ficar procurando as tags que deseja remover, vejo como uma solução mais simples

você também pode usar o hide() para esconder o html, assim caso queira exibi-lo novamente use o show().

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .