Visualizzazione dei risultati da 1 a 8 su 8
  1. #1
    Utente di HTML.it
    Registrato dal
    Feb 2012
    Messaggi
    104

    operazioni multiple con js

    Eccomi,
    sto cercando di fare un form che si compili in automatico inserendo il primo campo, bene:
    Inizialmente ho postato questo script

    <script>

    function interessi(){
    a=eval(document.formino.x1.value);
    b=(a/100)*5
    document.formino.x2.value=b;
    }
    </script>
    <form method="post" action="calcolo.php" name='formino'>


    Valore1: <input type="text" name="x1" size="10" onkeyup="interessi(this.value);">



    Valore2: <input type="text" name="x2" size="10">



    Ed è perfettamente funzionate. Ora però ho provato ad aggiungere un terzo campo che includa anch'esso un'operazione matematica e ho modificato così lo script

    <script>

    function interessi(){
    a=eval(document.formino.x1.value);
    b=(a/100)*5
    document.formino.x2.value=b;
    c=eval(document.formino.x2.value);
    d=a+c
    document.formino.x3.value=d;
    }
    </script>
    <form method="post" action="calcolo.php" name='formino'>


    Valore1: <input type="text" name="x1" size="10" onkeyup="interessi(this.value);">


    Valore2: <input type="text" name="x2" size="10">


    Valore3: <input type="text" name="x3" size="10">



    MA NON FUNZIONA

    DOVE SBAGLIO?

  2. #2
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    <script>
    function interessi(a){
    b=(a/100)*5
    document.formino.x2.value=b;
    d=(parseInt(a)+parseInt(b))
    document.formino.x3.value=d;
    }
    </script>
    <form method="post" action="calcolo.php" name='formino'>


    Valore1: <input type="text" name="x1" size="10" onkeyup="interessi(this.value);">


    Valore2: <input type="text" name="x2" size="10">


    Valore3: <input type="text" name="x3" size="10">





    P.S. Consiglio lettuta guide html.it
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  3. #3
    Utente di HTML.it
    Registrato dal
    Feb 2012
    Messaggi
    104
    Sì, infatti, ieri mi sono letto un po' di cose e infatti avevo già risolto. Grazie

    Ora però mi si è presentato un altro problema, ma giuto che è l'ultimissimo ostacolo da superare...

    In pratica, ora il codice funziona anche associato al menù a tendina.

    Il problema che mi si pone è questo: quando scelgo la voce dal menu a tendina non mi aggiorna il campo finale, per farlo aggiornare devo tornare su e riaggiornare il primo campo, quello che nella funzione js è chiamato "a".

    C'è un modo per far sì che dopo la selezione a tendina si aggiorni il campo finale senza tornare su...

    Grazie mille davvero,

    ti riposto il codice

    <script>

    function interessi(a){
    b=(a/100)*5
    document.formino.x2.value=b;
    c=document.formino.x2.value;
    d=(c * 1) + (a * 1)
    document.formino.x3.value=d;
    e=document.formino.x3.value;
    f=document.formino.x4.value;
    g=(e*f)
    document.formino.x5.value=g;
    }

    }
    </script>
    <form method="post" name='formino'>


    Valore1: <input type="text" name="x1" size="10" onkeyup="interessi(this.value);">


    Valore2: <input type="text" name="x2" size="10">


    Valore3: <input type="text" name="x3" size="10">


    Valore4:
    <select name="tipo" width="250" style="width: 250px" onchange="document.getElementById('x4').value=this .options[this.selectedIndex].value">

    <option value="" selected="selected"></option>
    <option value="1">Mare</option>
    <option value="2">Monti</option>
    <option value="3">Fiumi</option>
    <option value="4">Laghi</option>

    </select>


    <input type="text" id="x4" name="x4" size="10" value="">



    Valore5: <input type="text" name="x5" size="10">


  4. #4
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    <select name="tipo" width="250" style="width: 250px" onchange="document.getElementById('x4').value=this .options[this.selectedIndex].value;interessi(document.formino.x1.value)">

    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  5. #5
    Utente di HTML.it
    Registrato dal
    Feb 2012
    Messaggi
    104
    Tra un po' mi siedo in postazione e testo. Sono convinto che funzionerà.
    Sei stato un mito.
    Grazie mille davvero

  6. #6
    Utente di HTML.it
    Registrato dal
    Feb 2012
    Messaggi
    104
    Ciao, ovviamente, grazie a te, tutto funziona alla perfezione.
    Avrei però ancora un interrogativo.
    In quest'ultimo script con menù a tendina ho provato a impostare come option value di default (il selected) il valore 0. Ma non me lo dà di default. Per farlo uscire devo comunque selezionare qualcosa.
    C'è un modo per fare uscire il valore di default?

    Grazie ancora

    Valore4:
    <select name="tipo" width="250" style="width: 250px" onchange="document.getElementById('x4').value=this .options[this.selectedIndex].value;interessi(document.formino.x1.value)">

    <option value="0" selected="selected"></option>
    <option value="1">Mare</option>
    <option value="2">Monti</option>
    <option value="3">Fiumi</option>
    <option value="4">Laghi</option>

    </select>


    <input type="text" id="x4" name="x4" size="10" value="">


  7. #7
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Ma scusa sapendo che il valore è a zero impostalo direttamente nell'input <input type="text" id="x4" name="x4" size="10" value="0">
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  8. #8
    Utente di HTML.it
    Registrato dal
    Feb 2012
    Messaggi
    104
    Io sono un ignorantone, lo ammetto, ma tu sei un mito soprattutto per la pazienza. Grazie
    Lollo

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.