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
desavil
post
Post #2





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

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


Wymyśliłem coś takiego:
  1. <script type="text/javascript">
  2. $("#calc2_op1").change(function() {
  3. if( $("#calc2_op1").val() == 1 ){ var txt = 2; }
  4. else if( $("#calc2_op1").val() == 2 ){ var txt = 4; }
  5. else if( $("#calc2_op1").val() == 3 ){ var txt = 6; }
  6. else if( $("#calc2_op1").val() == 4 ){ var txt = 8; }
  7. else if( $("#calc2_op1").val() == 5 ){ var txt = 10; }
  8. $("#order_cost").text(txt);
  9. });
  10.  
  11. $("#calc2_op2").change(function() {
  12. if( $("#calc2_op2").val() == 1 ){ var txt = 3; }
  13. else if( $("#calc2_op2").val() == 2 ){ var txt = 5; }
  14. else if( $("#calc2_op2").val() == 3 ){ var txt = 13; }
  15. else if( $("#calc2_op2").val() == 4 ){ var txt = 17; }
  16. $("#order_cost").text(txt);
  17. });
  18.  
  19. var first = $("#calc2_op1, #calc2_op2 option:first").change();
  20. $("#order_cost").text(first);


Z jednym selectem działa bez problemów, natomiast jak są dwa, jak dodać te wartości?

Ten post edytował desavil 25.08.2011, 13:05:36
Go to the top of the page
+Quote Post

Posty w temacie


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

 



RSS Aktualny czas: 6.10.2025 - 17:30