Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [jQuery] obliczenia dzialania z trzech pól input
Forum PHP.pl > Forum > Po stronie przeglądarki
john_doe
Witam,
mam trzy pola: rabat, ilosc osób i opłata.
pole input text rabat uzupełniam 10 gdy klikne w jedno z radio. To działa. Teraz chce z pola input pobrać wartosc (payment ) i pomnożyć przez ilość osób, która jest w <select> option. po wykonaniu tego skryptu w pole wpisuje mi sie "NaN"
  1. $(document).ready(function(){
  2.  
  3. $("#prenumerator").click(function(){
  4. if($(this).is(":checked")){
  5.  
  6. var wart = $("#rabat").val();
  7.  
  8. if(wart)
  9. {
  10. var wynik = parseFloat(wart) + 10;
  11.  
  12. $("#rabat").val(wynik);
  13.  
  14. }else $("#rabat").val('10');
  15.  
  16. var payment = $("#payment").val();
  17. var participants = $("#liczbaOsob").val();
  18. var payUs = parseInt( participants )
  19. $("#payment").val(payUs);
  20.  
  21.  
  22. }
  23. });
  24. });


pole liczba osób (select option, ma name i value) zwraca mi "undefined"
JoShiMa
O ile się nie mylę val() nie działa na obiekt section. Może spróbuj tego: http://plugins.jquery.com/projects/plugins/forms?page=8
celbarowicz
Nie wiem dokładnie o co chodzi , ale może to pomoże?
  1. <html>
  2. <head>
  3. <script type="text/javascript" src="jquery-1.4.2.js"></script>
  4. <script type="text/javascript">
  5. $(document).ready(function(){
  6. $('#submit').click(function(){
  7. var ilo = $("#liczbaosob").val();
  8. alert(ilo);
  9. });
  10. });
  11.  
  12. </script>
  13.  
  14. </head>
  15. <body>
  16. RABAT:<input type="text" name="rabat" id="rabat"><br>
  17. ILOŚĆ OSÓB:<select name="liczbaosob" id="liczbaosob"> <?php for($i=1;$i<11;$i++){
  18. echo '<option>'; echo $i; echo '</option>';
  19. }
  20. ?>
  21. </select> <BR>
  22. OPŁATA:<input type="text" name="payment" id="payment"><br>
  23. <input type="submit" name="submit" id="submit" value="LICZ" >
  24. </body>
  25. </html>
  26.  
  27.  

resztę idzie dostosować.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.