Lista Dinâmica

[FabianoBSB 0]

Olá pessoa alguém pode me dá uma dica de como eu crio uma lista dinâmica de cidades.

Mas não quero aquela que ao clicar na combo estado a combo de baixo lista a cidade referente ao estado selecionado. Essa já tenho.

Quero uma dica de criar uma que quando o usuário clica na combo estado a combo de baixo lista as cidades referente ao estado e quando ele clica na cidade escolhida, abaixo dessa combo tem uma listbox preenchendo dinamicamente a cada click que ele der na combo com as cidades. Ou seja a listbox terá uma lista de cidades de vários estados. Cada vez que ele trocar a combo estados, trocará também a cidade e ele escolherá e assim preencherá a listbox sem apagar as que já estão la. Se alguem tiver uma dica eu agradeço. Abraços

[Pita 53]

Como você falou, vai precisar de 2 combos(estados e cidades dos estados selecionados ) e uma list.

 

Do lado da combo de cidades você vai precisar colocar um botão de adição, quando o usuário clicar neste botão aí que você adiciona a cidade no list. No list tb seria interessante ter alguma forma de poder remover uma cidade que foi adicionada

[gabrieldarezzo 255]

Bom separando por partes a primeira coisa que você precisa é uma lista completa de Estados / Cidades....

 

Aqui tem uma listagem completa:

https://gist.githubusercontent.com/letanure/3012978/raw/36fc21d9e2fc45c078e0e0e07cce3c81965db8f9/estados-cidades.json

 

Eu fiz dois exemplos (JsVanilla e jQuery):

https://github.com/gabrieldarezzo/desafiosInternos/tree/master/select

 

 

Oq ainda n entendi é se você quer agregar cidades em outro lugar...

 

Ex:

 

Estado de São Paulo:

E o usuário seleciona e 'agrega':

Guarujá, Guarulhos, Osasco etc...

 

Caso seja 'multiple select' tem esse cara (como a descrição acima):

https://select2.github.io/examples.html#multiple

 

Agora se a necessidade é escolher 2x o mesmo lugar ai já muda um pouco... (ex: 

Osasco (3x)

Guarulhos 

Guarujá (2x)

 

 

Enfim bons estudos.

 

[Pita 53]

Então, pelo que eu entendí, ele quer selecionar umas cidades do estado A, depois mudar o estado e selecionar outras cidades do estado B, depois mudar o estado e selecionar mais cidades do estado C, não é tudo do mesmo estado

[gabrieldarezzo 255]

 

@Pita 

Nesse caso é um cenário de agregação...

 

8 minutos atrás, gabrieldarezzo disse:

Estado de São Paulo:

E o usuário seleciona e 'agrega':

Guarujá, Guarulhos, Osasco etc...

 

Caso seja 'multiple select' tem esse cara (como a descrição acima):

https://select2.github.io/examples.html#multiple

 

 

 

Da pra fazer sem problemas.

 

Você pode abstrair todas as cidades com um ID sequencial 

Ex:

1 - Guarujá
2 - Guarulhos
3 - Osasco

E simplesmente ter um box para adicionar eles...

Exemplo adicionar um botão ao lado 'Adicionar Cidade' nesse cara aqui:

http://gabrieldarezzo.github.io/desafiosInternos/select/jquery.html


Sempre que clicar adicionar aumentar essa lista com o ID da cidade selecionada 

 

 

 

[Pita 53]

O problema é que se ele alterar o estado, ele irá refazer todo o combo de cidades e irá perder as cidades do outro estado que estavam selecionadas

[FabianoBSB 0]

22 horas atrás, Pita disse:

Então, pelo que eu entendí, ele quer selecionar umas cidades do estado A, depois mudar o estado e selecionar outras cidades do estado B, depois mudar o estado e selecionar mais cidades do estado C, não é tudo do mesmo estado

Exato!! Ja faço todos esses que o Gabriel falou.

O que quero é o seguinte:

Combo1 - Estados - Single Select

Combo2 - Cidades - Multiselect

listbox - A lista das cidades que escolhi na combo2.

Fiz com Select2 mas quando mudo as combos 1 e 2 a listbox limpa.

 

Valew