hidden com select

[Maikeldld]

Revirei a internet e não achei solução pro meu problema se alguém pode me ajuda to a um tempão empacado pra resolve meu problema

seguinte tenho um formulário que vai ativa uma pesquisa o formulário pede por qual categoria vai se fazer essa pesquisa pra escolhe a categoria é um campo select quando o usuário escolhe a categoria ; automaticamente aparece do lado um textbox e um botão de enviar que estavam com om atributo hidden.

o código do formulário seria esse :

vi muitos códigos em javascript mas não consegui adapta nenhum 100%

desde já agradeço

<form name="form1" action="" method="post">

<select id="lista" name="listacampos" id="listacampos" onChange="">

<option id="1" value="produto" >Produto</option>

<option id="2" value="comprador">Comprador</option>

<option id="3" value="valor">Valor</option>

<option id="4" value="quantidade">Quantidade</option>

<option id="5" value="total">Total</option>

<option id="6" value="cod">Cod</option>

<option id="7" value="data">Data</option>

</select>

</label>

<br>

<br>

<input id="txt" name="pesquisa" type="text" style="visibility:hidden" />

<input id="ok" name="" type="submit" value="OK" style="visibility:hidden" />

</form>