Próbuje zrobić 2 dynamiczne listy rozwijalne - po wyborze opcji z pierwszej listy, ładują się dane do drugiej listy. Ogólnie wszystko działa ok.
Problem w tym, że gdy załadują się wyniki do drugiej listy, a później ponownie wybiore coś z pierwszej listy to nowy wynik dokleja się do poprzedniego. Powinno być tak, że gdy wybiorę coś innego to opcje w drugiej liście automatycznie się zmienią.
Kod strony:
<script type="text/javascript" src="jquery-1.11.0.min.js"></script> <script type="text/javascript"> function ajaxTest(marka_id) { $.ajax({ url : 'ajax.php', data: {marka: marka_id}, type: 'POST', datatype: 'text', success: function(data) { $("select#modele").append(data); } }); } </script> <form action="ajax.php"> <select name="marka" onchange="ajaxTest(this.value)"> <option>-- Wybierz markę --</option> <option>Alfa Romeo</option> <option>Audi</option> <option>Austin</option> </select> <select name="model" id="modele"> <option>-- Wybierz model --</option> </select> </form>
Ajax.php:
<?php $dzial = $_POST['marka']; if($dzial) { // łączymy się z bazą danych // zapytanie do bazy danych } // wyświetlany wyniki zapytania } } ?>
Podpowiecie jak to można zrobić po Bożemu ?
