Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [Wolontariat][JavaScript][jQuery] Dynamiczne zliczanie z select
desavil
post
Post #1





Grupa: Zarejestrowani
Postów: 339
Pomógł: 3
Dołączył: 15.10.2008
Skąd: Internet

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


Witam, co do jQuery mam niewielkie pojęcie i jak na razie nie mam czasu się go uczyć.
A potrzebuję pewien skrypt, najlepiej aby był w jQuery. Chodzi mi o dynamiczne zliczanie wartości z select oraz przyporządkowanie im odpowiednich wartości.

Podam przykład, mam sobie taki select:
  1. <select name="wybierz1">
  2. <option value="1" selected="selected">Wartosc 1</option>
  3. <option value="2">Wartosc 2</option>
  4. <option value="3">Wartosc 3</option>

Teraz chciałbym, aby jak ktoś wybierze np. wybierz1->option:2

To na dole jest np. div (<div id="licz"></div>) i wyświetlana jest wartość.
Np. value=1 odpowiada liczba 5, value=2 odpowiada liczba 1 itp.

I to jest dynamicznie jak ktoś wybierze wyświetlane jest w divie.
Chciałbym, aby można było użyć kilka selectów i łączyć ich sumy później również.

Bardzo bym prosił kogoś o napisanie takiego skryptu, i aby był w miarę prosty do dodawania kolejnych wartości, selectów.

Pozdrawiam.

Ten post edytował Daiquiri 25.08.2011, 10:27:20
Powód edycji: [Daiquiri]: Skoro szukasz gotowca, przenoszę i dodaję tag
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
askone
post
Post #2





Grupa: Zarejestrowani
Postów: 654
Pomógł: 121
Dołączył: 27.10.2007
Skąd: Poznań, Łódź

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


O ile dobrze Cię zrozumiałem to kod powinien wyglądać tak:
  1. <select id="calc2_op1" class="sum" name="wybierz1">
  2. <option value="1" selected="selected">Wartosc 1</option>
  3. <option value="2">Wartosc 2</option>
  4. <option value="3">Wartosc 3</option>
  5. <option value="4">Wartosc 4</option>
  6. <option value="5">Wartosc 5</option>
  7. <select id="calc2_op2" class="sum" name="wybierz2">
  8. <option value="1" selected="selected">Wartosc 1</option>
  9. <option value="2">Wartosc 2</option>
  10. <option value="3">Wartosc 3</option>
  11. <option value="4">Wartosc 4</option>
  12. <div id="result">
  13. 0
  14. </div>
  15. <script type="text/javascript">
  16. var arr = new Array();
  17. arr["calc2_op1_1"] = 2;
  18. arr["calc2_op1_2"] = 4;
  19. arr["calc2_op1_3"] = 6;
  20. arr["calc2_op1_4"] = 8;
  21. arr["calc2_op1_5"] = 10;
  22. arr["calc2_op2_1"] = 3;
  23. arr["calc2_op2_2"] = 5;
  24. arr["calc2_op2_3"] = 13;
  25. arr["calc2_op2_4"] = 17;
  26.  
  27. $(".sum").change(function(){
  28. var suma = 0;
  29. $(".sum").each(function(){
  30. var wartosc = arr[$(this).attr("id") + "_" + $(this).val()];
  31.  
  32. suma += parseInt(wartosc);
  33. });
  34. $("#result").text(suma);
  35. }).change();
Go to the top of the page
+Quote Post

Posty w temacie


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

 



RSS Aktualny czas: 16.10.2025 - 09:36