Como Criar um filtro entre duas dropdowns usando jquery

[Wilson de Oliveira 0]

Eu tenho duas dropdowns (estado e cidades) 

no select "estado" 

eu tenho os options de dois estados ex: 

<select name="state">
                          <option value="NY">New York</option>
                          <option value="LA">Los Angeles</option>
 </select>;

<select name="city">
                          <option value="NY">Norwich</option>
                          <option value="NY">Younkers </option>

                          <option value="LA">Beverly Hills </option>
                          <option value="LA">Santa Monica</option>
 </select>;

 

 

o que eu preciso é filtrar via jquery o dropdown "city" usando o Value do "state" ou seja quando eu seleccionar no Estado o "New York " automaticamente no dropdown "city" so deve aparecer as cidades que possuem o value NY..

 

por favor.... 

 

[andersonhese 0]

Espero que ajude: https://codepen.io/andersonhese/pen/KGqevv

 

O que eu fiz foi criar dois selects, no primeiro ele tem o controle dos estados e no segundo o de cidades, usando o JS para esconder e mostrar os grupos.

 

:)

[Wilson de Oliveira 0]

mano como é que eu escondo as cidades sem usar optiongroup uma vez que trago todas as cidades em ordem alfabetica 

 

[Wilson de Oliveira 0]

Em 11/10/2018 at 14:52, andersonhese disse:

Espero que ajude: https://codepen.io/andersonhese/pen/KGqevv

 

O que eu fiz foi criar dois selects, no primeiro ele tem o controle dos estados e no segundo o de cidades, usando o JS para esconder e mostrar os grupos.

 

:)

mano como é que eu escondo as cidades sem usar optiongroup uma vez que trago todas as cidades em ordem alfabetica 

[andersonhese 0]

Fiz um novo código, veja se te atende: https://codepen.io/andersonhese/pen/OBOONy