0

OBS.: Tipos url e number principalmente mas se quiser colocar dos outros tb sem problemas)

De preferência em Js puro!

Já tentei coisas como this.value''; e não resolveram!

OBS 2 : Já li o Como remover ou limpar valor do input file? e este não tinha resolvido meu problema, está falando sobre input file e usa um truque para resolver. Tentei adaptá-lo para o meu código e não resolveu!

2
  • A pergunta ficou pouco clara após a observação 2 @GiancarloSolderagrazino. Poderia fornecer os trechos relevantes do seu código e/ou algum exemplo?
    – BrTkCa
    Commented 29/12/2016 às 19:20
  • Tenta editar seu post com seu código js, para nós entender o seu problema. Commented 29/12/2016 às 19:26

1 Resposta 1

5

Depende do evento que vai invocar, mas basicamente vai funcionar para a maioria dos input.

Javascript

Com javascript é possível mudando o valor da propriedade value:

document.getElementById("limpar").addEventListener("click", function() {
  clearInputUrlNumberText("entrada");
});

function clearInputUrlNumberText(name) {
  var entradas = document.querySelectorAll("input[name='"+name+"']");
  [].map.call(entradas, entrada => entrada.value = '');
}
<input name="entrada" type="url">
<input name="entrada" type="number">
<input name="entrada" type="text">
<br>
<button id="limpar">Limpar</button>

jQuery:

Com jQuery é possível usando o método val:

$("button").click(function(){
  $("input[data-name='entrada']").val('');
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input data-name="entrada" type="url">
<input data-name="entrada" type="number">
<input data-name="entrada" type="text">
<br>
<button id="limpar">Limpar</button>

8
  • Acho que seria melhor uma solução usando jQuery, já que ele adicionou essa tag e provavelmente utiliza essa lib.
    – mau humor
    Commented 29/12/2016 às 18:13
  • Ele enfatizou js puro, mas de qualquer forma é boa a dica. Obrigado @mauhumor
    – BrTkCa
    Commented 29/12/2016 às 18:16
  • 1
    muito legal a sua maneira de trabalhar com javascript +1
    – novic
    Commented 29/12/2016 às 19:08
  • Tem como fazer com que o name seja passado por parâmetro numa função? Olha minha tentativa: function clearInputUrlNumberText(){ var entradas = document.querySelectorAll("input[name='entrada3']"); [].map.call(entradas, entrada => entrada.value = ''); } Commented 29/12/2016 às 20:33
  • 1
    salvou meu dia! Muito obrigado! Commented 29/12/2016 às 20:54

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