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

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 - 09:22
Powered By IP.Board © 2026  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn