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>