Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17507
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Combobox com opcao de digitar em um input text

08-03-2012 16:41

Esse script mostra um select ou combobox onde os usuários irão escolher as opções disponíveis. Sendo que há uma opção chamada outros. Essa opção, faz carregar um input text para que o usuário digite uma opção que não encontrou no select.

Esse script também é bem legal porque mantém o nome do select e do input text o mesmo. Ou seja, se o usuário escolher uma das opções do select, e enviar, você pega o valor pelo name campo, se o usuário escolher a opção input text, você pega da mesma forma.

<script> function muda() { if(document.getElementById('select').value=='') { document.getElementById('campoR').name='campo'; document.getElementById('campoR').style.display='block'; } else { document.getElementById('campoR').name='campoR'; document.getElementById('campoR').style.display='none'; } } </script>


<form method="post" action=""> <select name="campo" id="select" onchange="muda()"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="">outros</option> </select>   <input type="text" name="campoR" id="campoR" value="" style="display:none;"> <input type="submit"> </form>

0
A melhor hospedagem para o seu site HostGator!
 
Primeiras postagens
Primeiras postagens
Mensagens: 2
Sexo: Masculino

Combobox com opcao de digitar em um input text

22-06-2012 22:23

Olá, amigo. Seu código é muito enxuto e muito bom. Sou uma negação em javascript, apesar de saber que essa linguagem é usada em larga escala em quase toda site! Queria saber do colega como poderia a caixa do input aparecer no lugar da caixa do select quando a opção OUTROS for escolhido.

No código atual, ela aparece logo abaixo. Imagino que deva ser alguma mudança ou incremento com style="display:augumacoisa; mas nao estou conseguindo fazer pro select...
0
 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17507
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Combobox com opcao de digitar em um input text

22-06-2012 22:26

A parte do código ativada quando escolhe outros é essa

document.getElementById('campoR').name='campo'; document.getElementById('campoR').style.display='block';

Você pode adicionar a seguinte linha logo abaixo

document.getElementById('select').style.display='none';

Essa linha pega o id do select, e aplica o display none, tirando ele da tela.
0
A melhor hospedagem para o seu site HostGator!
 
Primeiras postagens
Primeiras postagens
Mensagens: 2
Sexo: Masculino

Combobox com opcao de digitar em um input text

23-06-2012 00:14

Agradeço a pronta ajuda. Muito obrigado.
0
 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17507
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Combobox com opcao de digitar em um input text

23-06-2012 10:23

;)
0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado