Wersja do druku
Siemanko, nie wiem jak to nazwać, ale chodzi mi o takie coś, że mam sobie inputa :
<input type="text" onkeyup="this.value=this.value.replace(/\D/g,'')">
i chciałbym, żeby po wpisaniu liczby x wyświetlało mi pod/nad inputem dany tekst np
wpisuję liczbę 6 a po chwili pokazuje się informacja "Łączny koszt 60 zł". Zmieniam liczbę na np 45 - zmienia się info na "Łączny koszt 450zł"
myślę że rozumiecie, o co mi chodzi,
jak to zrobić? :D
i jeszcze takie samo coś do listy <select>
Javascriptem obsługujesz event onchange(?) na inpucie. Wysyłasz AJAXem do PHP numerek, tam obliczasz numerek*10 i odsyłasz odpowiedź. Po otrzymaniu responsa javascriptem wrzucasz odpowiedź na stronkę ;d
Napisane na szybko tutaj, powinno dzialac, ale nie sprawdzalem.
Kod:jQuery:
(function($){
$(document).ready(function(){
//.input-cena to klasa elementu input, mozesz uzyc jakiej chcesz.
//bardzo uproszczone, trzeba zadbac o obsluge bledow :)
$('.input-cena').on('keyup',function(){
var value = parseInt($(this).val());
$('.pelna-cena').text(value);
});
$('.input-select').on('change',function(){
var value = parseInt($(this).val());
$('.inne-pole').text(value);
});
});
})(jQuery)
@Bazan ;
Jak tego użyć? :D sorki, ale nigdy nic w js/query nie robiłem i jestem w tym temacie zielony.
zapisałem to co co.js dodałem
<script type="text/javascript" src="co.js"></script>
form mam
<input class="input-ile" type="text" name="ile" onkeyup="this.value=this.value.replace(/\D/g,'')">
<input class="pelna-cena" type="text" name="ile2">
i nic się nie dzieje
Sprawdz w konsoli JS w przegladarce (w Chrome F12, w Mozarelli afair ctrl+k).
tam powinny byc bledy js
@BBsrvCytuj:
BBsrv napisał
W html wczytujesz biblioteke jquery (szukaj w necie google cdn jquery) oraz wczytujesz plik /js/main.js do ktorego wklepujesz ten kod co ci dalem.
Sprawdz czy klasy w html i w js są takie same. Powinno dzialac.
poczytaj o angularJS, dokladnie funkcja ng-model="";