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

Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17235
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
Criar site grátis Wix
Hospedagem de sites Hostgator
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum
:rock:
 
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: 17235
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
Criar site grátis Wix
Hospedagem de sites Hostgator
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum
:rock:
 
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: 17235
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
Criar site grátis Wix
Hospedagem de sites Hostgator
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum
:rock:

Quem está online

Usuários navegando neste fórum: Bing [Bot], Google Adsense [Bot]