buscar através de um form

Me parece que algo nesse sentido, porém não dar para entender com uma pergunta tão incoerente

<form method="post" action="" id="formulario">
 <input type="text" name="nome" />

 <select name="seletor">
 <option value="">Selecione algo</option>
 <option value="opcao-1">Opção 1</option>
 <option value="opcao-2">Opção 2</option>
 <option value="opcao-3">Opção 3</option>
 </select>

 <button type="submit">Enviar</button>
</form>

<div id="resultado">
 <p>Aqui vem o valor inserido no input[name="nome"] </p>
 <div data-nome=""></div>
 <p>Aqui vem o valor inserido no select[name="seletor"] </p>
 <div data-seletor=""></div>
</div>

<script>
 var formulario = document.getElementById('formulario'),
 resultado = document.getElementById('resultado'),
 form = null,
 mostra = null;

 formulario.addEventListener('submit', function (e) {
 e.preventDefault();
 form = e.target;
 mostra = null;
 for (var i = 0; i < form.elements.length; i++) {
 if (form.elements[i].value) {
 mostra = resultado.querySelector('[data-' + form.elements[i].name + ']');
 mostra.innerText = form.elements[i].value;
 }
 }
 return false;
 }, false);
</script>

Boa tarde Omar~ ,

Na imagem na parte de cima é um formulário e a parte debaixo cada uma está numa section e dentro de div.

Eu fiz uma imagem e nela explico com mais detalhes. Peço desculpas pelo código não entendido.

E desde já agradeço por sua boa vontade.

Ah sim, bom você pode fazer algo tipo isso:

Selecionando alguma das opções no seletor, pegar seu valor e corre a página até o nocal do próximo formulário.

Seguindo a ideia que apresentei antes pois com ela você também poderá enviar informações do form-1 para outro dessa forma:

Spoiler

if (form.elements[i].value) {
 mostra = resultado.querySelector('[data-' + form.elements[i].name + ']');
 mostra.innerText = form.elements[i].value;

 // Só executa se a tag for um <select> e a tag tem a proriedade [id="pular-formulario"]
 if (form.elements[i].tagName.toLowerCase() === 'select' && form.elements[i].id === 'pular-formulario') {
 // Obtem identificação do próximo formulário de acordo com o valor do seletor
 var outroFormulario = '[data-' + form.elements[i].value + ']';
 // Rola o documento até o local do formulario
 document.querySelector(outroFormulario).scrollIntoView(false);
 }
}

  

	Daí teriamos mais no documento:

<div data-opcao-1="">Outro formulário aqui...</div>
<div data-opcao-2="">Outro formulário aqui...</div>
<div data-opcao-3="">Outro formulário aqui...</div>

	 

	Ou você pode diretamente adicionar um evento change no seletor, que ao altera-lo já rolaria a para o próximo form.

	Seria intereçante se o(s) próximo(s) fomularios tivessem um "display:none" sendo removido antes de ir até,  assim o documento ficaria mais estético.

	 

	Agora se a situação requerer dados que devem se cerregados de acordo com o primeiro formulário, uma de duas alternativas serão necessárias.

	- Ao invés de mostrar o próximo formulário um ajax para carregar um outro arquivo que faça uma busca em um banco de dados e que contenha o formulário, então os dados são povoados antes da renderização html. (O ponto ruim que mesmo com poucos dados deve ser recarregado a cara requisição)

	- Pré carregadar os dados necessários para cada condição, armazena-los em um JSON no javascript, assim sendo o formulário está presente e o javascript se encarrega de mostrar e povoa-lo com os dados. (O ponto ruim é que pesa para processar tudo, e com muitos registro a coisa pode ficar meio lenta).

	 

	Tirando o caso de ter de acessar um banco de dados eu optaria por deixar tudo em um form, e só mostrar cada campo de acordo com o valor selecionado, fica algo mais prático no uso final.

	Exemplo:

	Tenho inputA e inputB, ambos no formulário e ambos ocultos, ao alterar alguma opção seja um seletor ou seja uma caixa de marcação, mostraria o input correspondente aquela opção de resetaria o valor o input que não seria utilizado.

	Nesse caso com uma caixa de marcação "checkbox/radio" é bem provável que poderia ser feito apenas com CSS, não sei, teria que replicar aqui e testar e não dar para simplesmente escrever o código aqui sem testar se não tenho certesa do resultado.