» »

forma - samodejno polnjenje

forma - samodejno polnjenje

Camel ::

Pozdravljeni,

zanima me kako bi najenostavneje v enem php dokumentu naredil, da bi z vnosom dveh parametrov v formo, tretjega izračunalo samo na podlagi prvih dveh. Tretji parameter se mora samodejno izračunati in vnesti v tretje polje na formi(se pravi; ko vpišem prva dva polja se tretji brez submita vpiše v tretje polje). Kasnje bi samo s enim submitom poslal vse v bazo. Upam, da ste razumeli kaj želim. hvala

npr: prvo=1, drugo =3, rezultat=prvo*drugo

Koda:

<form id="form1" name="form1" method="post" action="">
  <table width="331" border="0">
    <tr>
      <th align="right"><strong> prvo število:</strong></th>
      <th width="70"><label>
        <input type="text" name="prvo" id="prvo" />
      </label></th>
    </tr>
    <tr>
      <td align="right"><strong>drugo število:</strong></td>
      <td><label>
        <input type="text" name="drugo" id="drugo" />
      </label></td>
    </tr>
    <tr>
      <td align="right"><strong>rezultat:</strong></td>
      <td><label>
        <input type="text" name="rezultat" id="rezultat" />
      </label></td>
    </tr>
    <tr>
      <td align="right"> </td>
      <td><label>
        <input type="submit" name="poslji" id="poslji" value="poslji" />
      </label></td>
    </tr>
  </table>
</form>

kr?en ::

jquery ajax

Camel ::

kr?en je izjavil:

jquery ajax


hvala za odgovor, lahko prosim poveš kaj več o tem, kak tutorial ali kaj podobnega?
Dolce far niente

vorantz ::

Samo za zmnožit je ajax overkill

recimo daš prvim dvem textboxom nek class "blabla"
pol pa z jquery nrdiš, da se ob spremembah v teh dveh inputih preračuna vrednost
$('.blabla').onchange(function(){
   var prva = parseInt($('#prvo').val());
   var druga = parseInt($('#drugo').val());
   $('#rezultat').val(prva*druga);
});


seveda dodaj še preverjanje, če je dejansko vnešena številka itd
pa preveri keri event ti bolj ustreza (onchange, onkeydown, etc), pa preveri, da dela pravilno v vseh brskalnikih (so precej muhasti)
pa ta tretji inpu spremeni v read only, da ne more uporabnik spreminjat

za več pa stric gogole

Camel ::

vorantz je izjavil:

Samo za zmnožit je ajax overkill

recimo daš prvim dvem textboxom nek class "blabla"
pol pa z jquery nrdiš, da se ob spremembah v teh dveh inputih preračuna vrednost
$('.blabla').onchange(function(){
var prva = parseInt($('#prvo').val());
var druga = parseInt($('#drugo').val());
$('#rezultat').val(prva*druga);
});


seveda dodaj še preverjanje, če je dejansko vnešena številka itd
pa preveri keri event ti bolj ustreza (onchange, onkeydown, etc), pa preveri, da dela pravilno v vseh brskalnikih (so precej muhasti)
pa ta tretji inpu spremeni v read only, da ne more uporabnik spreminjat

za več pa stric gogole


super! hvala, prav to sem rabim. najboljš bo verjetno nardit funkcijo pa ko pol klicat v formi. kje jo moram klicat, da mi število prikaže v tretjem inputu.
Dolce far niente

nuclear ::

Ne potrebuješ funkcije, to kodo, ki ti jo je napisal vorantz dodaj znotraj jQueryjeve

$(function(){
});


in se ti bo samo vršilo, ker kot vidiš je event že "onchange".
Asus G14 2023 - Ryzen 7940HS - 32GB DDR5 - GeForce RTX 4080 - 990 PRO 4TB


Vredno ogleda ...

TemaSporočilaOglediZadnje sporočilo
TemaSporočilaOglediZadnje sporočilo
»

jQuery - proži samo enkrat

Oddelek: Programiranje
71189 (986) luksorzi
»

[js] tip spremenljivke

Oddelek: Programiranje
5668 (554) lebdim
»

[javaScript] Preverjanje formata zapisa EMŠO

Oddelek: Programiranje
132952 (2572) win64
»

Javascript

Oddelek: Programiranje
61190 (1003) amacar
»

Javascript pomoč

Oddelek: Izdelava spletišč
202058 (1614) Lion29

Več podobnih tem