
Niestety nie mogę dojść do tego aby współgrały 2 select'y
Kod wygląda następująco
pierwszy główny select
<select id="material-wybor" onchange="if (this.value == '1') ukryj(holzart); if (this.value > '1') pokaz(holzart); "> <option value="">Prosze wybrac material</option> <?php endwhile; ?></select> </div> </td> <td> <div id="infomaterial"> <img id="moj_obrazek" src="" alt=""> </div> </td> <td> <div id="opis"> </div>
Tu kod wybierania materiału
$(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(); });
drugi select
<?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 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>
połączenie w JavaScript
$('#material-wybor').change(function(){ if ($(this).val()=='') { return false; } $.get('kolor.php', {'id':$(this).val()}, function(data){ $('#kolor').html(data); }); });
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

Znalazłem rozwiązanie nie wiem czy dobre ale działa

Temacik do zamknięcia