如何使用javascript将表单值传递到表单中的其他字段

时间:2010-02-15 19:28:58

标签: javascript html

我第一次使用表单验证和字段而没有内联事件处理。我找不到如何传递整数值,对其执行操作并传递给另一个字段的示例。这是我反对的:

表格看起来像这样:

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 
 }

感谢您的帮助

1 个答案:

答案 0 :(得分:0)

我不确定我是否理解您的问题。你不能只改变你的go_away函数来做以下事情吗?

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