Jest mały / wieki kłopot 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
  1.  
  2. <select id="material-wybor" onchange="if (this.value == '1') ukryj(holzart); if (this.value > '1') pokaz(holzart); ">
  3. <option value="">Prosze wybrac material</option>
  4. <?php while (($row = mysql_fetch_object($material)) !=false): ?>
  5. <option value="<?php echo $row->id; ?>" opisy=" <?php echo $row->opis?>" linki="<?php echo $row->link?>"> <?php echo $row->nazwa; ?> </option>
  6. <?php endwhile; ?></select>
  7. </div>
  8. </td>
  9. <td>
  10. <div id="infomaterial">
  11. <img id="moj_obrazek" src="" alt="">
  12. </div>
  13. </td>
  14. <td>
  15. <div id="opis"> </div>
  16.  


Tu kod wybierania materiału

  1. $(document).ready(function(){
  2. $("#material-wybor")
  3. .change(function () {
  4. var str;
  5. str = $("option:selected").attr('linki');
  6. $("#moj_obrazek").attr('src', str);
  7. var opis;
  8. opis = $("option:selected").attr('opisy');
  9. $("#opis").text( opis);
  10. })
  11. .change();
  12. });


drugi select

  1. <?php
  2. include 'connection.php';
  3. $prof = mysql_query('SELECT * FROM kolor WHERE (id_material = '.$_GET['id'].') ORDER BY Nazwa ASC;');
  4. ?>
  5.  
  6. <table> <tr><td>
  7. <select id="kolor">
  8. <option value="">Wybierz kolor</option>
  9. <?php while(($row1 = mysql_fetch_object($kolor)) != false): ?>
  10. <option value="<?php echo $row1->id; ?>" opis="<?php echo $row1->opis?>" link="<?php echo $row1->link?>"> <?php echo $row1->nazwa; ?> </option>
  11. <?php endwhile; ?>
  12. <script type='text/javascript'>
  13. $(document).ready(function(){
  14. $("#kolor").change(function () {
  15. var str1;
  16. str1 = $("option:selected").attr('link');
  17. $("#foto_kolor").attr('src', str1);
  18. var opis1;
  19. opis1 = $("option:selected").attr('opis');
  20. $("#kolorfopis").text( opis1);
  21. })
  22. .change();
  23. });
  24. </script>
  25. </select> </td>
  26. <td><img id="foto_kolor" src="" alt="">
  27. </td>
  28. <td> <div id="koloropis"></div>
  29. </td>
  30. </tr>
  31.  
  32. </table>

połączenie w JavaScript

  1. $('#material-wybor').change(function(){
  2. if ($(this).val()=='') {
  3. return false;
  4. }
  5. $.get('kolor.php', {'id':$(this).val()}, function(data){
  6. $('#kolor').html(data);
  7. });
  8. });


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 co_jest.gif

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

  1. <script type='text/javascript'>
  2. $(function (){
  3. $('#kolor').change(function () {
  4. var str = $('#kolor option:selected').attr('link');
  5.  
  6. $('#foto_kolor').attr('src', str);
  7.  
  8. });
  9. });
  10. </script>


Temacik do zamknięcia