Alguem sabe como fazer o input com uma lista de opções

Front-end
#1

eu queria fazer algo deste tipo…

com um arraylist q eu tenho…

att aguardo resposta…

#2

tambem gostaria de saber, creio que seja com Ajax… mas…

#3

No site do richfaces tem um exemplo de suggestion box http://livedemo.exadel.com/richfaces-demo/richfaces/suggestionBox.jsf?c=suggestionBox&tab=usage

#4

Usando Javacript e Ajax: http://docs.jquery.com/Plugins/Autocomplete

#5

Os scripts do google são meio confusos para entender, mas autocomplete e feito com ajax, a cada tecla pressionada você chama uma função ajax passando o conteudo do seu input, a função retorna uma lista com os resultados mais relevantes, a ordem de relevância vc é q decide.

Quanto ao imput cria uma div embaixo dele com uma lista dentro
cadas elemento tem um evento onclick que coloca seu conteudo dentro do input. Quando chegar em casa eu implemento para ver se funciona.

#6

Se tivesse algo pra jsp com arraylist! seria melhor!! mas mesmo assim obrigado…

#7

a do Jquery é muito interessante

#8

Como ficaria com o seguinte código:

<% List lis = BD.selectAllMaterial(); //retorna um arraylist com os materiais Iterator lisIterator = lis.iterator(); //é o cara q vai rodar a lista 
            Material mat;

            while (lisIterator.hasNext()) {
                mat= (Material) lisIterator.next();

%>
<%= mat.getNome() %>
<%
}
%>

Como vcs podem ver eu tenho um input com o texto q eu quero digitar e uma lista com os nomes q eu quero q apareça como sugestão…

#9

Com scriptlet não vai sair, ou vc usa ajax ou usa ajax.

Você quer q consulte no banco ou q ele mostre coisas q já foram digitadas, se for isso acho q o html tem o autocomplete

#10

@lipemh, dá pra você adaptar o exemplo do JQuery, pense que ao invés de preencher options de um select, você adicionaria valores num array no Javascript.

#11

eu quero que exiba coisas que estão no banco!!

como na figura abaixo…

eu preciso do codigo q faça essa lista aparecer e que vá filtrando de acordo com o q o usuario escreva…

#12

@juliofsn Então o exemplo eu peguei o codigo e funciona, mas eu não consigo adaptar pro q eu preciso, pois não sei nada de css e javascript… pelo q eu vi ele pega os valores do site http://dev.jquery.com… e eu preciso pegar o valor do banco de dados que eu tenho aki… usando o lisIterator pra percorrer…

#13

API: http://docs.jquery.com/Plugins/Autocomplete
Sample: http://view.jquery.com/trunk/plugins/autocomplete/demo/

#14

Nesse site tem um exemplo, mas os dados q ele está usando são fakes, você ainda vai ter q criar a parte do ajax fazendo a consulta.

http://jsfromhell.com/pt/dhtml/auto-complete

#15

Exemplo com JSP: http://viralpatel.net/blogs/2009/06/tutorial-create-autocomplete-feature-with-java-jsp-jquery.html

#16

@luciano@@ ta dificil… com esse codigo eu não consegui não… mas teria como eu fazer essa array var nomes = [“Armindo”, “Arminda”, “Armando”, “Arlindo”, “Benedito”, “Diana”, “Tião”, “Vanessa”]; receber falores do banco?

mas de qqr forma eu naum consegui…

#17

[quote=lipemh]@luciano@@ ta dificil… com esse codigo eu não consegui não… mas teria como eu fazer essa array var nomes = [“Armindo”, “Arminda”, “Armando”, “Arlindo”, “Benedito”, “Diana”, “Tião”, “Vanessa”]; receber falores do banco?

mas de qqr forma eu naum consegui…[/quote]

lipemh, esse é um array javascript simples, você pode fazer:

var nomes = new Array();
<% while(tem_nomes_no_banco){ %>
nomes.push("<%= nome_que_veio_do_banco %>");
<% } %>

Fica feio, mas funciona.

#18

no exemplo veio auto-complete que é um jscript… onde eu coloco ele para eu ter acesso no meu projeto web? eu to usando a ide netbeans 6.8

#19