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


Moderador: web

 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 290

Preenchimento automatico via select

27-06-2014 14:04

Olá, tenho um formulário que há um select com varios nomes vindo de outra tabela no BD para selecionar no momento do cadastro, e após esse select tem um imput que seria o email daquele que selecionamos no select.

No caso que estou precisando é que quando selecionamos por exemplo: João, no imput email viesse automatico o email dele sem ter que preencher , poderiam me ajudar como faço isso?
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17562
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Preenchimento automatico via select

27-06-2014 15:21

Você pode usar esse esquema abaixo usando o jQuery. Nesse exemplo foi adicionado o atributo email a option.

<script src="jquery.js"></script>   <script> $(document).ready(function() {   $('#select').change(function() { $('#email').val($('#select option:selected').attr('email')); });   }); </script>


<select id="select"> <option></option> <option value="joao" email="joao@joao.com">joão</option> </select> <input type="email" name="" id="email" value="">

0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 290

Preenchimento automatico via select

30-06-2014 10:03

desse modo não consegui, seleciona mas no imput nada !
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17562
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Preenchimento automatico via select

30-06-2014 10:38

Você tem a biblioteca jQuery na mesma pasta que roda o script? Veja também pelo código-fonte da página se há algum valor em email na option.
Observa também os ids no script, se estão de acordo com seu select e input text.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 290

Preenchimento automatico via select

15-07-2014 11:30

olha como tá:

<td><label for="id_programadores_<?php echo $cnt1; ?>">Programador:</label></td> <td><select name="id_programadores_<?php echo $cnt1; ?>" id="id_programadores_<?php echo $cnt1; ?>">     <option value=""><?php echo NXT_getResource("Select one..."); ?></option>     <?php do {   ?>     <option value="<?php echo $row_Recordset12['id_programadores']?>"<?php if (!(strcmp($row_Recordset12['id_programadores'], $row_rsclientes['id_programadores']))) {echo "SELECTED";} ?>><?php echo $row_Recordset12['nome']?></option>     <?php } while ($row_Recordset12 = mysql_fetch_assoc($Recordset12));  $rows = mysql_num_rows($Recordset12);  if($rows > 0) {       mysql_data_seek($Recordset12, 0);           $row_Recordset12 = mysql_fetch_assoc($Recordset12);   } ?>   </select>   <?php echo $tNGs->displayFieldError("clientes", "id_programadores", $cnt1); ?> </td> </tr> <tr>   <td><label for="email_programador_<?php echo $cnt1; ?>">Email do programador:</label></td>   <td><input type="text" name="email_programador_<?php echo $cnt1; ?>" id="email_programador_<?php echo $cnt1; ?>" value="<?php echo KT_escapeAttribute($row_rsclientes['email_programador']); ?>" size="32" />     <?php echo $tNGs->displayFieldHint("email_programador");?> <?php echo $tNGs->displayFieldError("clientes", "email_programador", $cnt1); ?> </td>

mas não entendi como utilizar o jquery
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17562
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Preenchimento automatico via select

15-07-2014 12:27

Pelo que observei, seu select e input tem id e name dinâmicos criado a partir do PHP.

Supondo que você só tenha um único select no formulário, você pode usar esse exemplo

<script src="jquery.js"></script>   <script> $(document).ready(function() {   $('#form select').change(function() { $('.email').val($('#select option:selected').attr('email')); });   }); </script>


<form id="form"> <select> <option></option> <option value="joao" email="joao@joao.com">joão</option> </select> <input type="email" class="email" name="" id="" value=""> </form>

Eu fiz referência ao select pela tag select, e referência ao input pela class.
0
A melhor hospedagem para o seu site HostGator!

Quem está online

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