Js

[luanslima 0]

Quero que ao clicar na opção "outros" do select deve aparecer automáticamente em sequência um input text

 

 

meu script ficou assim

 

<script>

function mostraCampo( el )

{

var produtos_outros = document.getElementById('produtos_outros');

if (el.value == 'outros')

produtos_outros.style.display = 'block';

else

produtos_outros.style.display = 'none';

}

</script>

<select name="pedido_tipo" id="select_turma" required onChange="mostraCampo(this.value)" >

<option value="selecione">Selecione</option>

<option value="bones">Bonés</option>

<option value="canecas">Canecas</option>

<option value="canecas_chopp">Canecas Chopp</option>

<option value="canetas">Canetas</option>

<option value="camisas">Camisas</option>

<option value="ceramicas">Cerâmica</option>

<option value="cracha">Crachás</option>

<option value="mochilas_saco">Mochila saco</option>

<option value="mousepads">Mousepads</option>

<option value="pratos">Pratos</option>

<option value="quebra_cabeças_cor">Quebra-cabeças(coração)</option>

<option value="quebra_cabeças_ret_m">Quebra-cabeças(retangular-M)</option>

<option value="quebra_cabeças_ret_g">Quebra-cabeças(retangular-G)</option>

<option value="outros" >Outros</option>

</select>

<br>

<b id="tit_livro" > Quantidade de Produtos: </b>

<input type="text" name="pedido_qntd" id="livro" size="20" required autofocus onkeypress="return SomenteNumero(event)"/>

<br>

<b id="refe">Referenciais:</b><input type="text" name="referenciais" id="ref" size="20" maxlength="200" required/>

<input type="text" maxlength="50" size="20" name="produtos_outros" id="produtos_outros" style="display:none;" />

<br><input type="submit" name="enviar" id="submit" value="Enviar" />

 

[William Bruno 1501]

leia:

 

http://wbruno.com.br/javascript-puro/ocultarmostrar-elementos-apartir-de-radio-select/