Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it L'avatar di cnc
    Registrato dal
    Dec 1999
    Messaggi
    158

    Calcolo dinamico con percentuale

    Salve a tutti. Avrei bisogno di suggerimenti per realizzare quanto segue:

    ho un campo in cui è presente una cifra (che può variare). Esempio "100".

    Poi ho un campo a discesa in cui si possono scegliere diverse percentuali: es. 10%, 20%, 30%.

    Vorrei avere un terzo campo che si aggiorna dinamicamente (quindi senza ricaricare la pagina o inviare i dati ad una seconda pagina) che mostra il valore finale con l'applicazione della percentuale scelta alla cifra indicata nel primo campo.

    Grazie

  2. #2
    Utente di HTML.it
    Registrato dal
    Jan 2010
    residenza
    Pianeta Terra
    Messaggi
    1,614
    codice:
    <script>
    function percentuale() {
     a = document.form.a.value/100;
     b = a*document.form.b.value;
     document.form.total.value = b
     }
    </script>
    
    <form name=form>
        Calcola <input size=5 name=a> % di <input size=5 name=b>? 
    
    
       Risposta: <input maxLength=40 size=5 name=total>
       <input onclick=percentuale() type=button value=Calcola>
        <input type=reset value=Reset></form>
    Per una bella risata vai QUI

  3. #3
    Oppure, senza premere pulsanti:
    codice:
    <script>
    function percentuale() {
     a = document.form.a.value/100;
     b = a*document.form.b.value;
     document.form.total.value = b
     }
    </script>
    <form name="form">
       <input name="b" onkeyup="percentuale()"> 
       <select name="a" onchange="percentuale()">
           <option value="20">20%</option>
           <option value="30">30%</option>
           <option value="40">40%</option>
       </select>
       <input name="total">
    </form>

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.