Javascript per raccogliere i valori in una casella di testo del modulo

Voglio: Usare Javascript per raccogliere i valori dei campi del modulo (input di testo nel modulo) e aggiungerli tutti insieme, sputandoli in un’altra etichetta o div, tutto quando premo un pulsante.

Dovrebbe essere facile, vero?

modifica: ho provato un paio di cose, tuttavia, non ho pensato di pubblicarle. Pensavo che qualcuno avrebbe risposto con un piccolo consiglio logico invece di qualche spreco di spazio.

 function add() { var a = document.getElementById("fscf_field4_8").value; var b = document.getElementById("fscf_field4_10").value; var c = document.getElementById("fscf_field4_12").value; var d = document.getElementById("fscf_field4_14").value; var e = document.getElementById("fscf_field4_16").value; document.getElementById("fscf_field4_19").value =a+b+c+d+e; }  
* indicates required field
Invoice Number Amount (USD)

Sì. È facile. Buona osservazione!

Modifica: ora che hai almeno provato a formulare una domanda seria, ecco un esempio di base di ciò che puoi fare per iniziare. Una soluzione completa richiederà più lavoro, ma è per te che ti diverti!

Demo live qui (clicca).

  
var button = document.getElementById('process'); var form = document.getElementById('myForm'); var outputDiv = document.getElementById('output'); button.addEventListener('click', function() { var frag = document.createDocumentFragment(); var children = form.childNodes; for (var key in children) { var node = children[key]; if (node.nodeName === 'INPUT') { var p = document.createElement('p'); p.textContent = node.value; frag.appendChild(p); } } outputDiv.textContent = ''; outputDiv.appendChild(frag); });

Non stai chiamando il tuo metodo add() quando fai clic sull’elemento submit. Devi chiamare la funzione.

Provare

  

Per cominciare, hai dimenticato di chiudere le virgolette di tutti gli ID degli input. Prova a farlo. vale a dire

  

deve essere:

  

Inoltre è necessario aggiungere parseInt () quando si analizza il valore int della stringa. qui sotto ho messo il nuovo snippet di codice Conferma: ho appena provato il tuo codice con virgolette e intParse (), funziona

Il tuo codice finale per l’analisi di interi: