Złe powiązanie pól select Opcje

[Majonez123]

Jest mały / wieki kłopot (IMG:style_emoticons/default/worriedsmiley.gif) :?: :!:
Niestety nie mogę dojść do tego aby współgrały 2 select'y

Kod wygląda następująco
pierwszy główny select

[PHP] pobierz, plaintext 
 
<select id="material-wybor" onchange="if (this.value == '1') ukryj(holzart); if (this.value > '1') pokaz(holzart); ">
	<option value="">Prosze wybrac material</option>
		<?php while (($row = mysql_fetch_object($material)) !=false): ?>
		<option value="<?php echo $row->id; ?>" opisy=" <?php echo $row->opis?>" linki="<?php echo $row->link?>"> <?php echo $row->nazwa; ?> </option>
		<?php endwhile; ?></select>
	</div>
	</td>
	<td>
		<div id="infomaterial">
		<img id="moj_obrazek" src="" alt="">
		</div>
	</td>
	<td>
	       <div id="opis">  </div>
 
[PHP] pobierz, plaintext 

Tu kod wybierania materiału

[PHP] pobierz, plaintext 
$(document).ready(function(){
    $("#material-wybor")
    .change(function () {
    var str;
   str = $("option:selected").attr('linki');
   $("#moj_obrazek").attr('src', str);
    var opis;
   opis = $("option:selected").attr('opisy');
   $("#opis").text( opis);
    })
    .change();
    });
[PHP] pobierz, plaintext 

drugi select

[PHP] pobierz, plaintext 
<?php
    include 'connection.php';
    $prof = mysql_query('SELECT * FROM kolor WHERE (id_material = '.$_GET['id'].') ORDER BY Nazwa ASC;');
 ?>
 
 <table> <tr><td>
<select id="kolor">
  <option value="">Wybierz kolor</option>
  <?php while(($row1 = mysql_fetch_object($kolor)) != false): ?>
  <option value="<?php echo $row1->id; ?>" opis="<?php echo $row1->opis?>" link="<?php echo $row1->link?>"> <?php echo $row1->nazwa; ?> </option>
   <?php endwhile; ?>
   <script type='text/javascript'>
    $(document).ready(function(){
    $("#kolor").change(function () {
      var str1;
          str1 = $("option:selected").attr('link');
    $("#foto_kolor").attr('src', str1);
      var opis1;
          opis1 = $("option:selected").attr('opis');
    $("#kolorfopis").text( opis1);
       })
       .change();
       });
</script>
</select>  </td>
<td><img id="foto_kolor" src="" alt="">
</td>
<td> <div id="koloropis"></div>
</td>
</tr>
 
</table>
[PHP] pobierz, plaintext 

połączenie w JavaScript

[HTML] pobierz, plaintext 
$('#material-wybor').change(function(){
		if ($(this).val()=='') {
		return false;
		}
		$.get('kolor.php', {'id':$(this).val()}, function(data){
		$('#kolor').html(data);
		});
		});
[HTML] pobierz, plaintext 

Cały problem polega na tym, że wybiera mi dobrze opcje zależne np.:
materiał1 ,kolor1
materiał1 ,kolor2
materiał2 ,kolor1
materiał2 ,kolor2
Ale nie wybiera już zdjęcia (tu link do zdjęcia) i opisu koloru lecz przypisuje do koloru mi zdjęcie materiału i opis materiału.
Gdzie błąd (IMG:style_emoticons/default/co_jest.gif)

Znalazłem rozwiązanie nie wiem czy dobre ale działa (IMG:style_emoticons/default/oneeyedsmiley02.png)

[HTML] pobierz, plaintext 
<script type='text/javascript'>
  $(function (){
              $('#kolor').change(function () {
                     var str = $('#kolor option:selected').attr('link');
 
                $('#foto_kolor').attr('src', str);
 
             });
             });
  </script>
[HTML] pobierz, plaintext 

Temacik do zamknięcia