Skip to main content
Post restaurado por Sam
adicionou 119 caracteres ao conteúdo
Fonte Link
Sam
  • 80,8mil
  • 22
  • 73
  • 128

Com JavaScript você consegue concatenar o valor do input ao atributo action do form à medida que vai digitando (evento keyup):

<script>
document.addEventListener("DOMContentLoaded", function(){ // aguarda o DOM 

   // guarda o action original
   var action = document.querySelector('.pesquisa-plataforma').action;
   document.getElementById("busca-tipologia").addEventListener("keyup", function(){
      // concatena o que foi digitado com o que já tem no action original
      document.querySelector('.pesquisa-plataforma').action +== thisaction+this.value;
   });
});
</script>

Exemplo para ilustrar:

document.addEventListener("DOMContentLoaded", function(){ // aguarda o DOM

   // guarda o action original
   var action = document.querySelector('.pesquisa-plataforma').action;
   document.getElementById("busca-tipologia").addEventListener("keyup", function(){
      // concatena o que foi digitado com o action original
      document.querySelector('.pesquisa-plataforma').action = action+this.value;
      
      // abaixo é só para ilustrar. Apague as linhas abaixo
      console.clear();
      console.log(document.querySelector('.pesquisa-plataforma').action);
      
   });
});
<form action="http://teste.desenvol.br/#/pesquisa/esplanada/" method="GET" target="_blank" class="pesquisa-plataforma">
  <div class="form-group mb-4">
    <input name="busca-tipologia" href="" type="search" class="form-control" id="busca-tipologia" aria-describedby="" placeholder="Pesquisar dados...">
  </div>
</form>

Com JavaScript você consegue concatenar o valor do input ao atributo action do form à medida que vai digitando (evento keyup):

<script>
document.addEventListener("DOMContentLoaded", function(){ // aguarda o DOM
   document.getElementById("busca-tipologia").addEventListener("keyup", function(){
      // concatena o que foi digitado com o que já tem no action
      document.querySelector('.pesquisa-plataforma').action += this.value;
   });
});
</script>

Com JavaScript você consegue concatenar o valor do input ao atributo action do form à medida que vai digitando (evento keyup):

<script>
document.addEventListener("DOMContentLoaded", function(){ // aguarda o DOM 

   // guarda o action original
   var action = document.querySelector('.pesquisa-plataforma').action;
   document.getElementById("busca-tipologia").addEventListener("keyup", function(){
      // concatena o que foi digitado com o action original
      document.querySelector('.pesquisa-plataforma').action = action+this.value;
   });
});
</script>

Exemplo para ilustrar:

document.addEventListener("DOMContentLoaded", function(){ // aguarda o DOM

   // guarda o action original
   var action = document.querySelector('.pesquisa-plataforma').action;
   document.getElementById("busca-tipologia").addEventListener("keyup", function(){
      // concatena o que foi digitado com o action original
      document.querySelector('.pesquisa-plataforma').action = action+this.value;
      
      // abaixo é só para ilustrar. Apague as linhas abaixo
      console.clear();
      console.log(document.querySelector('.pesquisa-plataforma').action);
      
   });
});
<form action="http://teste.desenvol.br/#/pesquisa/esplanada/" method="GET" target="_blank" class="pesquisa-plataforma">
  <div class="form-group mb-4">
    <input name="busca-tipologia" href="" type="search" class="form-control" id="busca-tipologia" aria-describedby="" placeholder="Pesquisar dados...">
  </div>
</form>

Post removido por Sam
Fonte Link
Sam
  • 80,8mil
  • 22
  • 73
  • 128

Com JavaScript você consegue concatenar o valor do input ao atributo action do form à medida que vai digitando (evento keyup):

<script>
document.addEventListener("DOMContentLoaded", function(){ // aguarda o DOM
   document.getElementById("busca-tipologia").addEventListener("keyup", function(){
      // concatena o que foi digitado com o que já tem no action
      document.querySelector('.pesquisa-plataforma').action += this.value;
   });
});
</script>