[AJAX][PHP] Kasowanie poprzedniego wyniku - lista rozwijalna Opcje

[newguy12]

Hej,

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:

[PHP] pobierz, plaintext 
    <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>
[PHP] pobierz, plaintext 

Ajax.php:

[PHP] pobierz, plaintext 
<?php
$dzial = $_POST['marka'];
 
if($dzial) {
 
    // łączymy się z bazą danych
    if (mysql_connect($serwer, $login, $haslo) and mysql_select_db($baza)) {
 
        // zapytanie do bazy danych
        $wynik = mysql_query("SELECT * FROM parts WHERE marka='$dzial'")
        or die("Błąd w zapytaniu!");
 
        mysql_close();
    }
    else echo "Nie mogę połączyć się z bazą danych!";
 
    // wyświetlany wyniki zapytania
    while($tablica = mysql_fetch_array($wynik)) {
        echo "<option>".$tablica['model']."</option>";
    }
}
 
?>
[PHP] pobierz, plaintext 

Podpowiecie jak to można zrobić po Bożemu ?(IMG:style_emoticons/default/smile.gif)