PHP - update tekstu zaraz po wpisaniu w inpucie

BBsrv OP · 18-08-2014 01:47

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>

Absherr · 18-08-2014 07:36

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

Bazan · 18-08-2014 08:31

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)

BBsrv OP · 18-08-2014 13:29

@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

Absherr · 18-08-2014 14:30

Sprawdz w konsoli JS w przegladarce (w Chrome F12, w Mozarelli afair ctrl+k).
tam powinny byc bledy js

Bazan · 18-08-2014 19:10

BBsrv napisał

Cytat został ukryty, ponieważ ignorujesz tego użytkownika. Pokaż cytat.

@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

@BBsrv

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.

Rocket Man · 21-08-2014 11:14

poczytaj o angularJS, dokladnie funkcja ng-model="";

Temat: PHP - update tekstu zaraz po wpisaniu w inpucie

Narzędzia tematu

Oceń ten temat

PHP - update tekstu zaraz po wpisaniu w inpucie

Informacje o temacie

Użytkownicy przeglądający temat

Podobne tematy

$$ Praca o PHP, prosta strona i aplikacja w PHP, kupie $$ PILNE

[PHP] skrypt na dodawanie tekstu do grafiki.

Skrypt PHP - przesyłanie danych z formularza php do pliku .txt

Zawiecha komutera po wpisaniu hasła przy

Zaraz po Update.

Zakładki

Zakładki

Zasady postowania