Uzupełnienie pola select

W jaki sposób przy pomocy pola typu select wypełnić drugie pole tego typu czyli np. wybierając marke samochodu w drugim select'cie pojawiaja się tylko modele owej marki itd.

Wersja z pobieraniem z zewnętrznej strony: https://jsfiddle.net/j4x0eb3f/
Wersja gdzie select budujesz sam: https://jsfiddle.net/j4x0eb3f/2/

Jeżeli chcesz, żeby to zadziałało, to musisz zbudować html zgodnie z tym modelem, reszta się zrobi sama:

<select name="make" id="make">
  <option value="porshe">Porshe</option>
  <option value="honda">Honda</option>
</select>

<select name="model" id="model">
  <option data-make="porshe" value="911">911</option>
  <option data-make="porshe" value="GT">GT</option>
  <option data-make="honda" value="civic">civic</option>
</select>

Chyba, że masz server, który może Ci zwrócić te wartości, to tak jak jaro napisał on change pobierasz sobie modele dla danej marki samochodu. Co w sumie ma najwięcej sensu, ja założyłem, że pobierasz/wpisujesz z palca.

W zdarzeniu onchange selecta wywołujesz jakiś ajax który leci do serwa pobiera rekordy i uzupełniasz nimi drugiego selecta