0

我有一个需要创建的变量输入 id 的问题。当前表单具有动态输入功能，其中创建了带有输入框的新 td。输入框是 javascript 中用于进一步计算的进程。

现在，每当我添加一个带有输入选项的新列时，周期时间和空闲时间都会在进程#1 的框中计算，而不是在进程#2 的新创建的框中计算。

如果邹人能帮我解决这个问题那就太好了。这是我目前的状态：

    <html>  
<script>   
function calculateTakt() {

   var c_demandtStr =document.getElementById('c_demand').value;
   if (!c_demandtStr)
     c_demandtStr = '0';

   var c_workingTimetStr = document.getElementById('c_workingTime').value;
   if (!c_workingTimetStr)
     c_workingTimetStr = '0';

   var demand = parseFloat( c_demandtStr);
   var workingTime = parseFloat(c_workingTimetStr);
   document.getElementById("r_taktTime").value = workingTime / demand;
 }

function calculateCycle() {

   var c_outputtStr = document.getElementById('c_output').value;
   if (!c_outputtStr)
     c_outputtStr = '0';

   var c_processingTimetStr = document.getElementById('c_processingTime').value;
   if (!c_processingTimetStr)
     c_processingTimetStr = '0';

   var c_setupTimetStr = document.getElementById('c_setupTime').value;
   if (!c_setupTimetStr)
     c_setupTimetStr = '0';

   var output = parseFloat(c_outputtStr);
   var processingTime = parseFloat(c_processingTimetStr);
   var setupTime = parseFloat(c_setupTimetStr);
   document.getElementById("r_cycleTime").value = output / (processingTime + setupTime);

   var r_taktTimetStr = document.getElementById('r_taktTime').value;
   var r_cycleTimetStr = document.getElementById('r_cycleTime').value;
   var taktTime = parseFloat(r_taktTimetStr);
   var cycleTime = parseFloat(r_cycleTimetStr);
   document.getElementById("r_idleTime").value = taktTime - cycleTime;
 }

var counter = 1;

var limit = 10;
function addInput(tdName){
     if (counter == limit)  {
          alert("You have reached the maximum of " + counter + " process steps.");
     }
     else {
          var newtd = document.createElement('td');
          newtd.innerHTML = "Process #" + (counter + 1) + "<br>Units processed (pce) <input id = 'c_output' type='Text'  name='output' size='4' onkeyup='calculateCycle()'>"
             + " <br>Processing time (min) <input id = 'c_processingTime' type='Text' name='processingTime' size='4' onkeyup='calculateCycle()'>"
             + " <br>setup time (min) <input id = 'c_setupTime' type='Text' name='setupTime' size='4' onkeyup='calculateCycle()'> <br>"
             + " <br>Cycle Time <input id = 'r_cycleTime' type='Text' name='cycleTime' id='cycleTime' size='4'>"
             + " <br>Idle Time <input id = 'r_idleTime' type='Text' name='idleTime' id='idleTime' size='4'>";
          document.getElementById(tdName).appendChild(newtd);
          counter++;

     }
} 


 </script>
<b>Machinery and Process Indicators</b><br>
 <input id = "c_demand" type="Text"  name="demand" size="4" onkeyup="calculateTakt()"> Customer demand (YR)<br>
 <input id = "c_workingTime" type="Text" name="workingTime" size="4" onkeyup="calculateTakt()"> Net working time (YR)<br>
 <input id = "r_taktTime" type="Text" name="taktTime" id="taktTime" size="4"> Takt Time<br><br>


<form method="POST">
<table>
  <tr id="dynamicInput">
<td>
         Process #1<br>
         Units processed (pce) <input id = "c_output" type="Text"  name="output" size="4" onkeyup="calculateCycle()"> <br>  
         Processing time (min) <input id = "c_processingTime" type="Text" name="processingTime" size="4" onkeyup="calculateCycle()"> <br>
         setup time (min) <input id = "c_setupTime" type="Text" name="setupTime" size="4" onkeyup="calculateCycle()"> <br><br>
         Cycle Time <input id = "r_cycleTime" type="Text" name="cycleTime id="cycleTime" size="4"> <br>
         Idle Time <input id = "r_idleTime" type="Text" name="idleTime id="idleTime" size="4"> <br>
</td>
  </tr>
</table>
<input type="button" value="Add Step" onClick="addInput('dynamicInput');">
</form> 

</html

4

0 回答 0