Question

以下值是计算用户输入的值，这些值是计算并传递给文本字段的，

if(computer && monitor && tv && laptop && cell)
      { // getting the text field the values and calculated 
         var valueCom = document.getElementById("computer").value ;
         var valueMon = document.getElementById("monitor").value ; 
         var valueTv  = document.getElementById("tv").value ; 
         var valueLap = document.getElementById("laptop").value ;
         var valueCel = document.getElementById("cell").value;

         var finalCom = valueCom * 0.1818937134 ;        
         var finalMon = valueMon * 0.056842 ;    
         var finalTv  = valueTv  * 0.056842 ;           
         var finalLap = valueLap * 0.090947 ;        
         var finalCel = valueCel * 0.045473 ;     

         var totalTonnes = finalCom + finalMon + finalTv + finalLap + finalCel; 

         var totalCarbon  = totalTonnes * 1 ; 
         var totalTree    = totalTonnes * 17.1969 ;
         var totalPetrol  = totalTonnes * 286.396 ;
         var totalPlastic = totalTonnes * 646.421 ; 
// pass this above four values to the textfield

      }
<input type="text" name="carbon" >
<input type="text" name="tree" >
<input type="text" name="petrol" >
<input type="text" name="plastic" >
// field to pass values here

如何使用java脚本将此值传递给文本字段。请有人帮帮我吗

Answer 1

您想要将ID添加到文本字段

<input type="text" name="carbon" id="carbon">
<input type="text" name="tree" id="tree">
<input type="text" name="petrol" id="petrol">
<input type="text" name="plastic" id="plastic">

然后是javascript，

document.getElementById("carbon").value=totalCarbon; 
document.getElementById("tree").value=totalTree;    
document.getElementById("petrol").value=totalPetrol;  
document.getElementById("plastic").value=totalPlastic;

您也可以使用按名称设置值

document.getElementsByName("plastic")[0].value = totalPlastic;
......

，或者

 document.getElementById("plastic").setAttribute('value',totalCarbon);
.....

Answer 2

为结果文本字段指定id =“result”或任何内容。然后，您可以将结果设为var inputs = document.getElementsByTagName('input'); for (i = 0; i < inputs.length; i++) { inputs[i].value = "Default Text"; }

Answer 3

设置值属性

document.getElementById("carbon").value = totalCarbon;
document.getElementById("tree").value = totalTree;
document.getElementById("petrol").value = totalPetrol;
document.getElementById("plastic").value = totalPlastic;

并将id设置为相应的元素

<input type="text" name="carbon" id="carbon" >
<input type="text" name="tree" id="tree" >
<input type="text" name="petrol" id="petrol" >
<input type="text" name="plastic" id="plastic" >

或如果您仍想使用名称，则将其设为

document.getElementsByName("carbon")[0].value = totalCarbon;
document.getElementsByName("tree")[0].value = totalTree;
document.getElementsByName("petrol")[0].value = totalPetrol;
document.getElementsByName("plastic")[0].value = totalPlastic;

Answer 4

document.getElementsByName("carbon")[0].value = totalCarbon;
document.getElementsByName("tree")[0].value = totalTree;
document.getElementsByName("petrol")[0].value = totalPetrol;
document.getElementsByName("plastic")[0].value = totalPlastic;

Answer 5

如果您的控件采用的形式如下：

<form>
  <input type="text" name="carbon">
  <input type="text" name="tree">
  <input type="text" name="petrol">
  <input type="text" name="plastic">
  ...
</form>

然后您可以获得对表单的引用并将其作为表单的命名属性进行访问，例如

var form = document.forms[0];
form.carbon.value = totalCarbon;
form.tree.value = totalTree;
...

请确保您没有为表单控件提供与表单属性相同的名称，例如 submit 或 name ，因为这些将影响表单的同名默认属性（因此您无法调用 form.submit（）或访问表单的名称（如果有）。

Answer 6

//globally i declared carbon, tree, petrol, plastic
  document.getElementById("carbon").value   = carbon ; 
  document.getElementById("tree").value     = tree ; 
  document.getElementById("petrol").value   = petrol ; 
  document.getElementById("plastic").value  = plastic ;

如何使用javascript传递计算值

6 个答案: