Autouzupełnianie pól select formularza, wartościami z bazy msql

Question

Poszukuję pomocy, podpowiedzi w stworzeniu prostego dynamicznego formularza.

Formularz składa się z czterech pól (select)

1 pole- wybieram nazwę województwa

2 pole - po wybraniu województwa staje się aktywne i wyświetla tylko powiaty z wybranego województwa

3 pole - po wybraniu powiatu staje się aktywne i wyświetla tylko gminy z wybranego powiatu

4 pole - po wybraniu gminy staje się aktywne i wyświetla tylko te miejscowości które należą do danej gminy

Dane dotyczące województw, powiatów, gmin i miejscowości znajdują sie w bazie MySql.

Będę bardzo wdzięczny za podpowiedź lub wskazanie miejsca gdzie mogę znaleźć rozwiązanie.

<form name="form1" action="">
    <select id="woj" name="woj">
    <option>Wybierz województwo</option>
    <option>Woj 1</option>
    <option>woj 2</option>
    <option>woj 3</option>
    <option>woj 4</option>
    </select>

        <select id="pow" name="pow" disabled>
        <option>Wybierz powiat</option>
        </select>

            <select id="gmi" name="gmi" disabled>
            <option>Wybierz gminę</option>
            </select>
            
                <select id="mia" name="mia" disabled>
                <option>Wybierz miejscowość</option>
                </select>

<input type="button" value="Wybierz">
</form>

 

Answer 1

Podepnij się na każdy z elementów <select> lub na ich wspólnego rodzica (przy tym sposobie zapoznaj się z event delegation) <form> na event change. Z eventu odczytaj wartość wybranej opcji i pobierz z jakiejś listy (nie wiem skąd bierzesz dane do uzupełnienia formularza) wartości dla następnego <select>a. W pętli dynamicznie utwórz elementy <option> i do każdego z nich przypisz odpowiednie propertisy (jak value i textContent) na podstawie danych z listy. Wstaw te <option>y do następnego <select> i go odblokuj.

Dodatkowo, pewnie potrzebowałbyś resetować i ponownie blokować następne <select>y, gdy wybierzesz inną opcję w poprzedzających <select>ach - tutaj przyda Ci się metoda remove (lub removeChild) żeby usunąć <option>y z danego <select>a, a odczytasz je w pętli z property options.

Comments

dziekuję bardzo za podpowiedź. Jednak jak dla mnie to torchę złożone ;(. dane chcę pobierać z msql bez przeładowanai strony

---

dane chcę pobierać z msql bez przeładowanai strony

Tutaj przyda Ci się Ajax.

Jednak jak dla mnie to torchę złożone

A czego konkretnie nie rozumiesz?

---

nie ukrywam, że pewnie pomógł by mi zrozumieć jakiś przykład. tak najszybciej poznaję rozwiązanie problemu. Dziękuję

---

Przykład do Ajaxa czy obsługi selectów?

---

obsługi selectów

---

http://www.jyotiranjan.in/blog/create-dynamic-drop-down-list/