Passar id para input text no Auto complete jQuery - Fórum CodigosnaWeb.com
Você recebeu uma nova MP, clique aqui


Passar id para input text no Auto complete jQuery

Assista vídeos sobre Passar id para input text no Auto complete jQuery • Busque diretamente no Youtube

Fórum sobre: JavaScript, XML, AJAX e jQuery

Moderador: web

Logar para Responder
Logar para Perguntar

 Passar id para input text no Auto complete jQuery em 09 Mai 2011 21:01

Usuário offline tiagocaus
215 post(s)
SUPER VETERANO  Masculino
1 ponto(s)

Olá Pessoal, Como vai?

Pesquisando na internet achei um auto-complete [LINK] que precisava, só que não exatamente como quero... hehehe.
Preciso que ao selecionar a pessoa seja transferido o ID da pessoa para um campo input ao lado.

Os problemas que estou enfrentando, no select eu tenho um label e value, no select eles serão os mesmo, pois são do campo nome, mas como irei pegar o ID deles e passar para a input...
Veja:

Selecionar   Numerar   Testar HTML   Testar PHP   Testar MySQL   Como Funciona
<label for="Id"></label><input name="Id" type="text" id="Id" size="3" />
  <select id="combobox">
  <option value="">Selecione...</option>
<option value="Tiago">Tiago</option>
        <option value="Pedro">Pedro</option>
        <option value="João">João</option>
</select>



Estou colando assim para simplificar, mas as informações estão vindo do banco de dados SQL.

No banco de dados estão assim:

Id---|---Nome
--------------------
1---|---Tiago
2---|---Pedro
3---|---João


Alguem sabe como posso fazer isso?



mais 0

15 resposta(s)

 Passar id para input text no Auto complete jQuery em 09 Mai 2011 21:03
Usuário online web
15427 post(s)
ADMIN  Masculino
5161 ponto(s)
Tenta usar o id no value da option. E no select, você faz assim:

<select id="combobox" onchange="document.getElementById('Id').value=this.value">

Dá uma olhada ai na página do script, na aba Events, ai tem vários eventos que podem ser usados, como por exemplo, ao mudar ou selecionar uma opção do select.


mais 0


 Passar id para input text no Auto complete jQuery em 09 Mai 2011 21:16
Usuário offline tiagocaus
215 post(s)
SUPER VETERANO  Masculino
1 ponto(s)
Amigão, não deu certo, fiz assim para ver:

Selecionar   Numerar   Testar HTML   Testar PHP   Testar MySQL   Como Funciona
<form action="teste.php" method="post"> 
  <label for="Id"></label><input name="Id" type="text" id="Id" size="3" />
  <select name="nome" id="combobox" onchange="document.getElementById('Id').value=this.value">
  <option value="">Selecione...</option>
<option value="1">Tiago</option>
        <option value="2">Pedro</option>
        <option value="3">João</option>
</select>
  <input type="submit" name="button" id="button" value="ok" />
</form>
ID: <?php echo $_POST['Id']; ?><br />
Nome:<?php echo $_POST['nome']; ?><br />


O campo input não aparece e nem recebe o ID.


mais 0


 Passar id para input text no Auto complete jQuery em 09 Mai 2011 21:51
Usuário online web
15427 post(s)
ADMIN  Masculino
5161 ponto(s)
O Exemplo que está usando da biblioteca jQuery UI, é o combobox.html?


mais 0


 Passar id para input text no Auto complete jQuery em 09 Mai 2011 21:54
Usuário offline tiagocaus
215 post(s)
SUPER VETERANO  Masculino
1 ponto(s)
Sim amigo, é a combobox.


mais 0


 Passar id para input text no Auto complete jQuery em 09 Mai 2011 21:58
Usuário online web
15427 post(s)
ADMIN  Masculino
5161 ponto(s)
Procure por essa linha no combobox.html

Selecionar   Numerar   Testar HTML   Testar PHP   Testar MySQL   Como Funciona
change: function( event, ui ) {

Adicione abaixo o seguinte:

Selecionar   Numerar   Testar HTML   Testar PHP   Testar MySQL   Como Funciona
document.getElementById('Id').value=document.getElementById('combobox').options[document.getElementById('combobox').options.selectedIndex].value;

O Id é o do input text.

Quando o usuário selecionar a opção, e deixar o select, a opção será passada para o input text.


mais 0


 Passar id para input text no Auto complete jQuery em 09 Mai 2011 22:08
Usuário offline tiagocaus
215 post(s)
SUPER VETERANO  Masculino
1 ponto(s)
INCRÍVEL! funcionou perfeitamente!


mais 0


 Passar id para input text no Auto complete jQuery em 09 Mai 2011 23:00
Usuário online web
15427 post(s)
ADMIN  Masculino
5161 ponto(s)
Boa.


mais 0


 Passar id para input text no Auto complete jQuery em 09 Mai 2011 23:41
Usuário offline tiagocaus
215 post(s)
SUPER VETERANO  Masculino
1 ponto(s)
Poxa, :(
Contei vantagens antes da hora.

Quando eu cadastro no BD, o campo nome esta aparecendo o ID ao invés do nome.

Tem como ajustar isso?


mais 0


 Passar id para input text no Auto complete jQuery em 09 Mai 2011 23:46
Usuário online web
15427 post(s)
ADMIN  Masculino
5161 ponto(s)
Você disse que queria passar o id para o input. Mas, se é o nome que precisa, coloca como value do option o nome ao invés do id. Assim, o nome é passado para o input text, e você pega ele.


mais 0



 Busca Dinâmica

Clique em alguma palavra-chave para buscar, ou busque uma frase na caixa de pesquisa a seguir.

Passar id para input text no Auto complete jQuery



Próximo

Logar para Responder
Logar para Perguntar




Voltar para JavaScript, XML e jQuery

Quem está online

Usuários navegando neste fórum: Google [Bot], Google Adsense [Bot] e 13 visitantes

Servidores dedicados a R$450,00/Mensais

Ler o feed    Assinar o feed    CodigosnaWeb    CodigosnaWeb/forum    codigosnaweb HOTMAIL    Pousadas de Floripa