Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][JavaScript]Problem z select i jquery
elnino17
post
Post #1





Grupa: Zarejestrowani
Postów: 35
Pomógł: 0
Dołączył: 2.10.2012

Ostrzeżenie: (10%)
X----

Co jest nie tak z kodem że nic nie wyświetla ? #ulga, jest utworzone
[HTML] pobierz, plaintext 
  1. $(document).ready(function () {
  2.                 switch (parseInt($('#ulga').val())) {
  3.                     case "a" :
  4.                         var cenaZulga = cenaPodstawowa;
  5.                         document.getElementById('cenaZulga').innerHTML = cenaZulga;
  6.                         break;
  7.                     case "b" :
  8.                         var cenaZulga = cenaPodstawowa*0.37;
  9.                         document.getElementById('cenaZulga').innerHTML = cenaZulga;
  10.                         break;
  11.                     case "c" :
  12.                         var cenaZulga = cenaPodstawowa*0.51;
  13.                         document.getElementById('cenaZulga').innerHTML = cenaZulga;
  14.                         break;
  15.                     case "d" :
  16.                         var cenaZulga = cenaPodstawowa*0.37;
  17.                         document.getElementById('cenaZulga').innerHTML = cenaZulga;
  18.                         break;
  19.                 default:
  20.  
  21.     }
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
  1. <form action="#" onsubmit="showLocation(); return false;">
  2.                                         <select id="ulga" name="ulga">
  3. 						<option value="a">-</option>
  4. 						<option value="b">Uczeń - ulga 37%</option>
  5. 						<option value="c">Student - ulga 51%</option>
  6. 						<option value="d">Emeryt - ulga 37%</option>
  7. 					</select>
  8. 					<table>
  9.                                         <tr>
  10.                                             <td>Miejscowość początkowa</td>
  11.                                         <td>
  12.                                         <input type="text" name="address1" class="field">
  13.                                         </td>
  14.                                         </tr>
  15.                                         <tr>
  16.                                         <td>Miejscowość końcowa</td>
  17.                                         <td>
  18.                                         <input type="text" name="address2" class="field">
  19.                                         </td>
  20.                                         </tr>
  21.                                         </table>
  22. 					<button type="submit" class="submit"><b>Zobacz cenę biletu</b></button> 
  23.     </form>
  24.  
  25.  
[HTML] pobierz, plaintext


Ten post edytował elnino17 12.04.2014, 19:23:06
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
ber32
post
Post #2





Grupa: Zarejestrowani
Postów: 332
Pomógł: 22
Dołączył: 6.07.2010

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

No i co zero inicjatywy. (IMG:style_emoticons/default/ohno-smiley.gif) 

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Cennik biletów</title>
  5. <meta charset="UTF-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  8. <script>
  9. $(document).ready(function () {
  10.    var cenaPodstawowa = 10.00;
  11.   $( "select" )
  12. .change(function() {  
  13.     $('#ulga option:selected').each(function() {
  14.        var x = $( this ).val();
  15.          switch (parseInt(x)) {
  16. case 1 :
  17. var cenaZulga = cenaPodstawowa;
  18. $( "#cenaZulga" ).text( cenaZulga ); 
  19. console.log(cenaZulga);
  20. break;
  21. case 2 :
  22. var cenaZulga = cenaPodstawowa*0.37;
  23. $( "#cenaZulga" ).text( cenaZulga );
  24. console.log(cenaZulga);
  25. break;
  26. case 3 :
  27. var cenaZulga = cenaPodstawowa*0.51;
  28. $( "#cenaZulga" ).text( cenaZulga );
  29. console.log(cenaZulga);
  30. break;
  31. case 4 :
  32. var cenaZulga = cenaPodstawowa*0.399;
  33. $( "#cenaZulga" ).text( cenaZulga );
  34. console.log(cenaZulga);
  35. break;
  36. }
  37. }); 
  38. });
  39.      }); 
  40. </script>
  41. </head>
  42. <body>
  43. <form>
  44. <select id="ulga">
  45. <option value="01">-</option>
  46. <option value="02">Uczeń - ulga 37%</option>
  47. <option value="03">Student - ulga 51%</option>
  48. <option value="04">Emeryt - ulga 37%</option>
  49. </select>
  50. <a href="#">Open</a>
  51. </form>
  52. <h1 id="cenaZulga"></h1>
  53.  
  54. </body>
  55. </html>
[HTML] pobierz, plaintext


I daj więcej ulgi na emerytów bo są biedni na leki nie mają, a dla studentów przynajmniej 90% (IMG:style_emoticons/default/oneeyedsmiley02.png)

Ten post edytował ber32 13.04.2014, 00:06:28
Go to the top of the page
+Quote Post

Posty w temacie
- elnino17   [HTML][JavaScript]Problem z select i jquery   12.04.2014, 19:21:27
- - trueblue   Sprawdź co zwraca funkcja parseInt ze stringa typo...   12.04.2014, 19:26:30
- - elnino17   Zmieniłem ale wyświetla tylko wartość 10, mimo zmi...   12.04.2014, 20:45:11
- - ber32   Zrób tak do każdego tego elementu przypisz inną c...   12.04.2014, 20:51:45
- - elnino17   Zrobiłem tak: [HTML] pobierz, plaintext case 2 : ...   12.04.2014, 21:01:14
- - ber32   No i co zero inicjatywy. [HTML] pobierz, plaint...   13.04.2014, 00:03:43
- - elnino17   Dzięki, wszystko działa, temat do zamknięcia   13.04.2014, 20:22:22

« 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: 9.10.2025 - 03:40
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn