Passar id para input text no Auto complete jQuery


Fórum para dúvidas sobre JavaScript, ECMAScript, AJAX, XML e jQuery.

Moderador: web

Logar para Responder
Logar para Perguntar

 Passar id para input text no Auto complete jQuery
Por tiagocaus 215 post(s) Offline SUPER VETERANO  Masculino 1p em Seg Mai 09, 2011 8:01 pm



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
<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?



0 mais

15 resposta(s)

 Passar id para input text no Auto complete jQuery
Por web 15227 post(s) Offline ADMIN  Masculino 3467p em Seg Mai 09, 2011 8:03 pm


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.

0 mais

 Passar id para input text no Auto complete jQuery
Por tiagocaus 215 post(s) Offline SUPER VETERANO  Masculino 1p em Seg Mai 09, 2011 8:16 pm


Amigão, não deu certo, fiz assim para ver:

Selecionar - Numerar
<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.

0 mais

 Passar id para input text no Auto complete jQuery
Por web 15227 post(s) Offline ADMIN  Masculino 3467p em Seg Mai 09, 2011 8:51 pm


O Exemplo que está usando da biblioteca jQuery UI, é o combobox.html?

0 mais

 Passar id para input text no Auto complete jQuery
Por tiagocaus 215 post(s) Offline SUPER VETERANO  Masculino 1p em Seg Mai 09, 2011 8:54 pm


Sim amigo, é a combobox.

0 mais

 Passar id para input text no Auto complete jQuery
Por web 15227 post(s) Offline ADMIN  Masculino 3467p em Seg Mai 09, 2011 8:58 pm


Procure por essa linha no combobox.html

Selecionar - Numerar
change: function( event, ui ) {

Adicione abaixo o seguinte:

Selecionar - Numerar
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.

0 mais

 Passar id para input text no Auto complete jQuery
Por tiagocaus 215 post(s) Offline SUPER VETERANO  Masculino 1p em Seg Mai 09, 2011 9:08 pm


INCRÍVEL! funcionou perfeitamente!

0 mais

 Passar id para input text no Auto complete jQuery
Por web 15227 post(s) Offline ADMIN  Masculino 3467p em Seg Mai 09, 2011 10:00 pm


Boa.

0 mais

 Passar id para input text no Auto complete jQuery
Por tiagocaus 215 post(s) Offline SUPER VETERANO  Masculino 1p em Seg Mai 09, 2011 10:41 pm


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?

0 mais

 Passar id para input text no Auto complete jQuery
Por web 15227 post(s) Offline ADMIN  Masculino 3467p em Seg Mai 09, 2011 10:46 pm


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.

0 mais

 Passar id para input text no Auto complete jQuery
Por tiagocaus 215 post(s) Offline SUPER VETERANO  Masculino 1p em Seg Mai 09, 2011 10:57 pm


Talvez eu tenha embolado ao comentar.

Vou ter 2 campos:
Id - campo texto input;
nome - campo select

Quando seleciono o nome pelo select o nome da pessoa deve permanecer e no campo id deve aparecer o ID referente ao nome da pessoa. Desculpe não ter expressado corretamente.

0 mais

 Passar id para input text no Auto complete jQuery
Por web 15227 post(s) Offline ADMIN  Masculino 3467p em Seg Mai 09, 2011 11:05 pm


Com essa linha que indiquei, você passa o value do option selecionado, no caso o id. Agora, para passar o nome, você pode repetir a linha, só que dessa vez usando o text, ex.:

document.getElementById('outroid').value=document.getElementById('combobox').options[document.getElementById('combobox').options.selectedIndex].text;

Crie o campo outroid para receber o valor que é mostrado no select.

0 mais

 Passar id para input text no Auto complete jQuery
Por tiagocaus 215 post(s) Offline SUPER VETERANO  Masculino 1p em Seg Mai 09, 2011 11:20 pm


Com o campo texto outroid funcionou, tentei fazer com o hiddenField para não aparecer mais campo e ele cadastrou como false, o que preciso modificar?

0 mais

 Passar id para input text no Auto complete jQuery
Por web 15227 post(s) Offline ADMIN  Masculino 3467p em Seg Mai 09, 2011 11:24 pm


Ter o campo hidden ou normal não interfere no resultado. Porque você está passando os valores para o input, independente de estarem visíveis ou não.

Verifica ai se não duplicou os ids nas 2 linhas. Se continuar o erro, posta como ficaram suas 2 linhas do script para mandar o valor.

0 mais

 Passar id para input text no Auto complete jQuery
Por tiagocaus 215 post(s) Offline SUPER VETERANO  Masculino 1p em Seg Mai 09, 2011 11:30 pm


Agora deu certo :)

0 mais

Resposta Rápida

   


 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: Bing [Bot] e 3 visitantes

cron