Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript]Lista rozwijana wayswietlanie obrazka
coins4psc
post
Post #1





Grupa: Zarejestrowani
Postów: 8
Pomógł: 0
Dołączył: 10.01.2015

Ostrzeżenie: (0%)
-----

Witam wszystkich serdecznie (IMG:style_emoticons/default/wink.gif) Do tej pory udało mi się zrobić takie 2 listwy rozwijane i gdy wybierze się jakieś 2 opcje pojawia się cena. Teraz chciałbym jeszcze zrobić aby po wybraniu np. z listy rozwijanej opcji "A" pojawiło się jakieś zdjęcie np. obok ceny. Kod wygląda tak :

[PHP] pobierz, plaintext 
  1. <script type="text/javascript">
  2. jQuery(function ($) {
  3.     $("#pierwszy, #drugi").change(function () {
  4.         var val1 = $("#pierwszy").val();
  5.         var val2 = $("#drugi").val();
  6.  
  7.         var text = "";
  8.  
  9.         switch (val1) {
  10.             case "Unranked":
  11.                 switch (val2) {
  12.                     case "5":
  13.                         text = "28€";
  14.                         break;
  15.                     case "6":
  16.                         text = "33€";
  17.                         break;
  18.                     case "7":
  19.                         text = "39€";
  20.                         break;
  21.                     case "8":
  22.                         text = "44€";
  23.                         break;
  24.                     case "9":
  25.                         text = "50€";
  26.                         break;
  27.                     case "10":
  28.                         text = "55€";
  29.                         break;
  30.                 }
  31.                 break;
  32.             case "Bronze":
  33.                 switch (val2) {
  34.                     case "5":
  35.                         text = "23€";
  36.                         break;
  37.                     case "6":
  38.                         text = "27€";
  39.                         break;
  40.                     case "7":
  41.                         text = "32€";
  42.                         break;
  43.                     case "8":
  44.                         text = "36€";
  45.                         break;
  46.                     case "9":
  47.                         text = "41€";
  48.                         break;
  49.                     case "10":
  50.                         text = "45€";
  51.                         break;
  52.                 }
  53.                 break;
  54.             case "Silver":
  55.                 switch (val2) {
  56.                     case "5":
  57.                         text = "25€";
  58.                         break;
  59.                     case "6":
  60.                         text = "30€";
  61.                         break;
  62.                     case "7":
  63.                         text = "35€";
  64.                         break;
  65.                     case "8":
  66.                         text = "40€";
  67.                         break;
  68.                     case "9":
  69.                         text = "45€";
  70.                         break;
  71.                     case "10":
  72.                         text = "50€";
  73.                         break;
  74.                 }
  75.                 break;
  76.             case "Gold":
  77.                 switch (val2) {
  78.                     case "5":
  79.                         text = "28€";
  80.                         break;
  81.                     case "6":
  82.                         text = "33€";
  83.                         break;
  84.                     case "7":
  85.                         text = "39€";
  86.                         break;
  87.                     case "8":
  88.                         text = "44€";
  89.                         break;
  90.                     case "9":
  91.                         text = "50€";
  92.                         break;
  93.                     case "10":
  94.                         text = "55€";
  95.                         break;
  96.                 }
  97.                 break;
  98.             case "Platinum":
  99.                 switch (val2) {
  100.                     case "5":
  101.                         text = "30€";
  102.                         break;
  103.                     case "6":
  104.                         text = "36€";
  105.                         break;
  106.                     case "7":
  107.                         text = "42€";
  108.                         break;
  109.                     case "8":
  110.                         text = "48€";
  111.                         break;
  112.                     case "9":
  113.                         text = "54€";
  114.                         break;
  115.                     case "10":
  116.                         text = "60€";
  117.                         break;
  118.                 }
  119.                 break;
  120.             case "Diamond":
  121.                 switch (val2) {
  122.                     case "5":
  123.                         text = "34€";
  124.                         break;
  125.                     case "6":
  126.                         text = "41€";
  127.                         break;
  128.                     case "7":
  129.                         text = "47€";
  130.                         break;
  131.                     case "8":
  132.                         text = "54€";
  133.                         break;
  134.                     case "9":
  135.                         text = "61€";
  136.                         break;
  137.                     case "10":
  138.                         text = "67€";
  139.                         break;
  140.                 }
  141.                 break;
  142.  
  143.         }
  144.  
  145.         $("#tekst").text(text);
  146.     }).eq(0).change();
  147. });
  148.  
  149.  
  150. </script>
[PHP] pobierz, plaintext


Co bym musiał zrobić aby obok ceny pojawiało się jeszcze zdjęcie ? Wygląda to mniej więcej tak : http://boosting123.wc.lt/bpw.php

Pozdro
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
rad11
post
Post #2





Grupa: Zarejestrowani
Postów: 1 270
Pomógł: 184
Dołączył: 7.10.2012
Skąd: Warszawa

Ostrzeżenie: (0%)
----- 

[PHP] pobierz, plaintext 
  1. <script type="text/javascript">
  2. jQuery(function ($) {
  3.     $("#pierwszy, #drugi").change(function () {
  4.         var val1 = $("#pierwszy").val();
  5.         var val2 = $("#drugi").val();
  6.         var img = '';
  7.         var text = "";
  8.  
  9.         switch (val1) {
  10.             case "Unranked":
  11.                 switch (val2) {
  12.                     case "5":
  13.                         text = "28€";
  14.                         img  = "<img src="" />";
  15.                         break;
  16.                     case "6":
  17.                         text = "33€";
  18.                         break;
  19.                     case "7":
  20.                         text = "39€";
  21.                         break;
  22.                     case "8":
  23.                         text = "44€";
  24.                         break;
  25.                     case "9":
  26.                         text = "50€";
  27.                         break;
  28.                     case "10":
  29.                         text = "55€";
  30.                         break;
  31.                 }
  32.                 break;
  33.             case "Bronze":
  34.                 switch (val2) {
  35.                     case "5":
  36.                         text = "23€";
  37.                         break;
  38.                     case "6":
  39.                         text = "27€";
  40.                         break;
  41.                     case "7":
  42.                         text = "32€";
  43.                         break;
  44.                     case "8":
  45.                         text = "36€";
  46.                         break;
  47.                     case "9":
  48.                         text = "41€";
  49.                         break;
  50.                     case "10":
  51.                         text = "45€";
  52.                         break;
  53.                 }
  54.                 break;
  55.             case "Silver":
  56.                 switch (val2) {
  57.                     case "5":
  58.                         text = "25€";
  59.                         break;
  60.                     case "6":
  61.                         text = "30€";
  62.                         break;
  63.                     case "7":
  64.                         text = "35€";
  65.                         break;
  66.                     case "8":
  67.                         text = "40€";
  68.                         break;
  69.                     case "9":
  70.                         text = "45€";
  71.                         break;
  72.                     case "10":
  73.                         text = "50€";
  74.                         break;
  75.                 }
  76.                 break;
  77.             case "Gold":
  78.                 switch (val2) {
  79.                     case "5":
  80.                         text = "28€";
  81.                         break;
  82.                     case "6":
  83.                         text = "33€";
  84.                         break;
  85.                     case "7":
  86.                         text = "39€";
  87.                         break;
  88.                     case "8":
  89.                         text = "44€";
  90.                         break;
  91.                     case "9":
  92.                         text = "50€";
  93.                         break;
  94.                     case "10":
  95.                         text = "55€";
  96.                         break;
  97.                 }
  98.                 break;
  99.             case "Platinum":
  100.                 switch (val2) {
  101.                     case "5":
  102.                         text = "30€";
  103.                         break;
  104.                     case "6":
  105.                         text = "36€";
  106.                         break;
  107.                     case "7":
  108.                         text = "42€";
  109.                         break;
  110.                     case "8":
  111.                         text = "48€";
  112.                         break;
  113.                     case "9":
  114.                         text = "54€";
  115.                         break;
  116.                     case "10":
  117.                         text = "60€";
  118.                         break;
  119.                 }
  120.                 break;
  121.             case "Diamond":
  122.                 switch (val2) {
  123.                     case "5":
  124.                         text = "34€";
  125.                         break;
  126.                     case "6":
  127.                         text = "41€";
  128.                         break;
  129.                     case "7":
  130.                         text = "47€";
  131.                         break;
  132.                     case "8":
  133.                         text = "54€";
  134.                         break;
  135.                     case "9":
  136.                         text = "61€";
  137.                         break;
  138.                     case "10":
  139.                         text = "67€";
  140.                         break;
  141.                 }
  142.                 break;
  143.  
  144.         }
  145.  
  146.         $("#tekst").text(text);
  147.         $("#twoj_kontener").html(img);
  148.     }).eq(0).change();
  149. });
  150.  
  151.  
  152. </script>
[PHP] pobierz, plaintext
Go to the top of the page
+Quote Post

Posty w temacie
- coins4psc   [JavaScript]Lista rozwijana wayswietlanie obrazka   3.02.2015, 22:50:26
- - rad11   [PHP] pobierz, plaintext <script type="tex...   4.02.2015, 10:13:46
- - coins4psc   Mój kod teraz wygląda następująco i nie wyświetla ...   4.02.2015, 11:06:59
- - Jarma   Zamień [HTML] pobierz, plaintext img = "...   4.02.2015, 11:33:05
- - coins4psc   dziekuję bardzo Teraz jeszcze 1 pytanko. W jaki s...   4.02.2015, 12:10:43
- - Jarma   Czyli chcesz mieć jeszcze dwie listy? No to obsłu...   4.02.2015, 12:25:27
- - coins4psc   Ok, tylko nie wiem czy ja sam sobie nie utrudniam ...   4.02.2015, 12:32:34
- - Jarma   No to tak jak pisałem, najlepiej to zrobić na tabl...   4.02.2015, 12:47:51
- - b4rt3kk   Masz taki plugin w jQuery, co się nazywa chained -...   4.02.2015, 13:04:05
- - coins4psc   Wszystko działa jak nalezy tylko nie wyświetla mi ...   4.02.2015, 14:08:43

« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 13.06.2026 - 11:29
Powered By IP.Board © 2026  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn