Comment puis-je transmettre des valeurs de forme à d'autres champs dans un formulaire avec javascript

Question

Je travaille avec la validation du formulaire et les champs pour la première fois sans la gestion des événements en ligne. Je ne peux pas trouver un exemple de comment passer une valeur entière, faire une opération dessus et passer à un autre champ. Voilà ce que je suis contre:

FORMULAIRE RESSEMBLE CE:

ITEM   CONTAINER QUANTITY PRICE   EXTENDEDCOST 
Small Beer Bottle,Can  ?? @3.99/ea  ?? 

HTML BITS

<form action="#" method="get" name="orderForm" id="orderForm"> 
<table id="products"> 
<input name="qtySmall" id="qtySmall" type="text" size="4" maxlength="6" value="" /> 
<input name="extSmall" id="extSmall" type="text" size="10" maxlength="60" value="" /> 

Javascript

window.onload = initForms; 

function initForms() 
{ 
document.getElementById("qtySmall").onfocus = detect; 
document.getElementById("qtySmall").onchange = going_away; 
document.getElementById("extSmall").value = passmyvalue; //not sure about this one yet 
} 

function detect() 
{ 
    alert("works") 
} 

function going_away() 
{ 
    pass_variable = document.getElementById("qtySmall").value; 
} 

function passmyvalue() 
{ 
// I have no idea how to pass my qty small multiply it and pass it to the next field box 4 beers * 3.99 = 15.96 in extsmall 
} 

Merci pour l'aide

Answer 1

Je ne sais pas si je suis un comprendre votre problème ici. Ne pouvez-vous pas simplement changer votre fonction going_away pour faire ce qui suit?

function going_away() 
{ 
    pass_variable = document.getElementById("qtySmall").value; 
    document.getElementById("extSmall").value = parseInt(pass_variable) * cost; 
}