Visualizzazione dei risultati da 1 a 4 su 4
  1. #1

    Modifica valore textbox quando si modifica un altro textbox

    Ciao a tutti,
    sto cercando un sistema per cambiare il valore di un <input type="text" quando modifico "a mano", con la tastiera, il valore di un altro <input type="text".
    Farlo cliccando su un pulsante di submit o simili è facile, ma come si fa a cambiare dinamicamente il valore del secondo textbox (quello che deve modificare javascript) automaticamente appena un utente modifica il valore del primo?
    Cioè, il valore del secondo textbox in pratica dovrebbe cambiare mano a mano che l'utente scrive il primo textbox, senza che ci sia il bisogno di cliccare da nessuna parte...
    ...non so se mi sono spiegato

    Grazie anticipatamente x l'aiuto

  2. #2
    Utente di HTML.it L'avatar di lake86
    Registrato dal
    Dec 2006
    Messaggi
    705
    Puoi farlo con l'evento onchange, che si attiva goni volta che modifichi il contenuto della input

  3. #3
    ci avevo pensato, il problema è questo, però:

    codice:
    //inputs NON all'interno di un form
    <input type="text" name="base" class="testo" size="10" value="100" onchange="javascript:changeRes(this);">
    <input type="text" name="altezza" class="testo" size="10" value="">
    
    //funzione jscript
    function changeRes(target) {
        var base = target.value;
        document.getElementById("altezza").value = base *10;
    }
    firefox giustamente mi dice 'document.getElementById("altezza") has no properties'
    non so come fare a fargli capire che deve andare a modificare l'elemento altezza, perchè non essendo gli input dentro un form, non posso dirgli ad esempio form.altezza.value, perchè la variabile "form" non esiste (non esistendo il form stesso )

  4. #4
    Utente di HTML.it L'avatar di lake86
    Registrato dal
    Dec 2006
    Messaggi
    705
    Usando il nome

    var base = document.getElementsByName('altezza')[0].value;

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.