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


Moderador: web

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

Select com uma opção a mais

25-10-2007 04:50

Este script de select não se limita apenas as opções ( options ) padrões de um select. Se o visitante escolher a opção: outros, será mostrado um input onde também estará disponível como sendo valor do própio input.

Observe que vai ser obtido o valor do select ou input pela variável $_POST['valores']

<script type="text/javascript"> function muda(valor) { if(valor=="outros") { document.getElementById('campo_input').name='valores'; document.getElementById('campo_input').style.display='block'; document.getElementById('campo_select').name=''; } else { document.getElementById('campo_input').name=''; document.getElementById('campo_input').style.display='none'; document.getElementById('campo_select').name='valores'; } } </script>


<table> <tr> <form name="form" action="" method="POST"> <td><select id="campo_select" name="valores" onchange="muda(this.value)"> <option value=""></option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="outros">outros</option> </select></td> <td><input type="text" id="campo_input" name="" value="" style="display:none;"></td> <td><input type="submit"></td> </form></tr> </table>


<?php echo "O valor passado foi: <b>".$_POST['valores']."</b>"; ?>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

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