Witam, własnie próbuje swoich sił w "pustym" php bez żadnych dodatków typu baza danych itd. Chciałbym stworzyć formularz w którym posiadam kilka produktów ze stałą cena oraz które są * przez dana ilość jaką wybierze użytkownik.

Otworzyłem zatem tablice która zawiera 4 produkty z ustawiona "ceną" oraz które od razu są mnożone jak wspominałem przez ilość która się wpisze w formularzu.



Występuje mi problem z tym ze nie wiem jak aktualizować cenę która jest zależna od ilości bez naciskania na przycisk. Chciałbym by aktualizowanie cen poprzez zwiększanie / zmniejszanie ilości było coś w stylu real-time. Czyli działało bezpośrednio za zwiększeniem / zmniejszeniem. I na koniec z sumować wszystkie ceny produktów do jednej zmiennej.

Wiem ze rozwiązanie jakie zawarłem jest dosyć ubogie ale to początek i proszę o wyrozumiałość , to moje pierwsze kroki. Nie mam problemu z budowaniem systemu, tylko z umieszczeniem go w PHP czy odpowiednio go z definiować, moze po prostu nie znam na tyle tego języka by to zrobić.

Trosze o pomoc lub wyjaśnienie, czy nawet przykład. Z góry dziękuje.

[JAVASCRIPT] pobierz, plaintext 
// Na początek sprawdź to:
jQuery('input[name*=many]').change(function(){
  console.log(this);
  /*
  jQuery.on('change',function(this){
    
  });
  */
});
[JAVASCRIPT] pobierz, plaintext 

lub:

jQuery("input[name*='many']")

Bez skutku. Tylko po zatwierdzeniu (przyciskiem) wartość ceny się zmienia. Czy to ma związek z sesja czy odświeżaniem strony? Czy po prostu normalnie można uzyskać zmiany w czasie rzeczywistym?

[HTML] pobierz, plaintext 
 <form name="formularz" method="post">
    <label id="many1"></label>
    <input type="number" name="many1" value="0" min="0">
    <label id="many2"></label>
    <input type="number" name="many2" value="0" min="0">
    <label id="many3"></label>
    <input type="number" name="many3" value="0" min="0">
    <label id="many4"></label>
    <input type="number" name="many4" value="0" min="0">
 </form>
[HTML] pobierz, plaintext 

[JAVASCRIPT] pobierz, plaintext 
for(i=0;i<document.formularz.getElementsByTagName("input").length;i++){
	document.formularz.getElementsByTagName("input")[i].onchange = obsluga;
}
 
function obsluga(){
	if(this.name == "many1") document.getElementById(this.name).innerHTML = 20*this.value;
	else if(this.name == "many2") document.getElementById(this.name).innerHTML = 30*this.value;
	else if(this.name == "many3") document.getElementById(this.name).innerHTML = 50*this.value;
	else if(this.name == "many4") document.getElementById(this.name).innerHTML = 100*this.value;
}
[JAVASCRIPT] pobierz, plaintext 

Wszystko chodzi jak trzeba. Rozumiem już nawet działanie tego, w sumie pominąłem JS dla tego moze napotkałem takie błędy. Dziękuje teraz będę miał oczy szeroko otwarte. Problem rozwiązany.

Edit. A gdybym chciał jeszcze dodać do tego sumę w id "sum-many" która tak samo będzie na bieżąco aktualizowana wraz z zwiększeniem poszczególnych id z "many".
Oczywiście chciałbym się odnieść się do tego kodu.

Utworzyłem tak jak powyżej do kodu "label" o id="sum-many" i chciałem w js utworzyć zmienna która będzie sumowała to wszystko podpinając się do funkcji "obsługa". W efekcie końcowym uzyskałem napis "NaN" zamiast jakiejkolwiek wartości.

Udało się. Na razie chodzi mi tylko o zrozumienie działania języka a nie możliwości w sposobności działaniu programu. Mam to jednak na uwadze, ale to będzie krok 2. Dołożyłem linijkę kodu do funkcji.



Dzięki serdeczne za pomoc.