Witam, próbuje stworzyć dwie listy rozwijalne zależne od siebie. Problem w tym że kiedy wybiorę markę w pierwszej liście w drugiej nie pokazują mi się wszystkie modele tylko ostatni z wybranej tablicy. Problem chyba tkwi w tym że użyłem funkcji html, która przy każdym przejściu przez pętle zastępuje mi daną wartość i zostaje tylko ostatnia. Zamiast html próbowałem też użyć funkcji append ale wtedy opcje na liście się powtarzają. Czy ktoś mi może doradzić jak to zrobić ?

[JAVASCRIPT] pobierz, plaintext 
 
<script type="text/javascript" src="js/jquery.js"> </script>
<script type="text/javascript">
 
var tables=new Array();
 
tables['fiat']=new Array();
tables['opel']=new Array();
 
tables['opel'][0]=('corsa');
tables['opel'][1]=('astra');
tables['opel'][2]=('vectra');
 
tables['fiat'][0]=('multipla');
tables['fiat'][1]=('brava');
 
for(index in tables)
{
	$('#marka').append('<option>' +[index] +'</option>');
}
 
$('#marka').change(function(){
 
	var wybrana_marka=$('#marka').val();
 
	for(i=0; i<tables[wybrana_marka].length; i++)
	{
		$('#model').html('<option>' +tables[wybrana_marka][i] +'</option>');
	}
})
 
</script>
 
[JAVASCRIPT] pobierz, plaintext 

Dodaje link do strony:

link

Będę wdzięczny za pomoc.

Funkcja .html() podmienia wszystko co znajduje się w obrębie określonego elementu.
Poprawiony kod(+ kilka poprawek estetycznych )

[JAVASCRIPT] pobierz, plaintext 
<script type="text/javascript">
$('#model').hide();
 
var tables=new Array();
 
tables['fiat']=new Array();
tables['opel']=new Array();
 
tables['opel'][0]=('corsa');
tables['opel'][1]=('astra');
tables['opel'][2]=('vectra');
 
tables['fiat'][0]=('multipla');
tables['fiat'][1]=('brava');
 
for(a in tables)
{
	$('#marka').append('<option>' +[a] +'</option>');
}
 
$('#marka').change(function(){
 
		var wybrana_marka=$('#marka').val();
		$('#model').html('');
                if(wybrana_marka=='Wybierz markę')
                {
                 $('#model').hide();
                 $('#model').html('');
                }
                else
               {
                     $('#model').show();
		          for(i=0; i<tables[wybrana_marka].length; i++)
	                 {
                           var oldhtml = $('#model').html();
			   $('#model').html(oldhtml + '<option>' +tables[wybrana_marka][i] +'</option>');
		         }
               }
 
 
})
 
 
</script>
[JAVASCRIPT] pobierz, plaintext