为什么我的javascript传递了错误的信息？

我试图创建一个网页，这是一个发票，其中包含2个表，其中包含一个作业及其关联的任务。我使用node.js用mysql数据填充表

还有4个iFrame用于显示任务的计时器。 我有一个Javascript函数，它检查一个iframe是否已加载，如果未加载，则将计时器加载到iframe中，如果已加载，则检查下一个，依此类推，直到所有4个都已检查。一旦加载了一个iframe，函数就会退出，因此一次只加载1个iframe

这很好，只是不管我点击哪个任务移动到计时器，表中的第一项都会被加载。换句话说，如果表中列出了5项任务，则无论我选择哪一项，第一项始终是加载的任务

这是html

<div style='position:absolute;left:8px;top:88px;width:1000px;'>

<table align='left' border='1' ; style='font-size:16px;width:79%'>
 <tr>
   <th align='left'  style='background-color: #00b0e6;'><%= job1 %></th>
   <th align='center'  style='background-color: #00b0e6;'></th>
   <th align='center' style='background-color: #00b0e6;'> Employee </th>
   <th align='center' style='background-color: #00b0e6;'> Status </th>
   <th align='center' style='background-color: #00b0e6;'> Charges </th>
 </tr>

<%
 for (var i in taskrows) {
   if (taskrows[i].JobID == jb1){
   var task = taskrows[i].Task;
   var emp = taskrows[i].Employee;
   var status = taskrows[i].Status;
   var extended = "$"+taskrows[i].Extended.toFixed([2]);
   var id = taskrows[i].ID;
   var instid = rows[0].InstID

%>

<tr>
  <td width='45%'><%= task %></td>
  <td width='2%'><form id='form1' ><input type='hidden' name='id' value=<%= id %>/><input type='hidden' name='instid' value=<%= instid %>/><input type='button' id="11" name='submit-btn'  src='images/clock.jpg' width='30' height='20' value='submit' onClick='moveBench();' /></form></td>
  <td align='center' width='15%'><%= emp %></td>
  <td align='center' width='20%'><%= status %></td>
  <td align='center' width='10%'><%= extended %></td>
  <td width='35%'></td></tr>
<%}
}%>
</tr>
</table>

雇员
地位
收费

还有javascript函数

function checkTimer(){
  var ben = parent.document.getElementById('bench').style.height = "340px";
  var inv = parent.document.getElementById('invoice').style.height = "340px";

  var test = document.getElementById('form1');
  var id = [
    parent.document.getElementById('timer1'),
    parent.document.getElementById('timer2'),
    parent.document.getElementById('timer3'),
    parent.document.getElementById('timer4')
];
  for(var i = 0; i < 4; i++){
    if(!id[i].style.display){
      id[i].style.display = 'block'; id[i].style.visibility = 'visible'; value="" ;
      var a = i;
      var t = document.getElementById("form1").target='timer'+(a+1);
      var action = document.getElementById("form1").action='timer1';
      alert(document.getElementById("form1").target);
      alert(action= document.getElementById("form1").action);
      document.getElementById("form1").submit();
      return; 
      }

  }

函数检查计时器（）{
var ben=parent.document.getElementById（'bench'）.style.height=“340px”；
var inv=parent.document.getElementById（“发票”）.style.height=“340px”；
var test=document.getElementById（'form1'）；
变量id=[
parent.document.getElementById（'timer1'），
parent.document.getElementById（'timer2'），
parent.document.getElementById（'timer3'），
parent.document.getElementById（'timer4'）
];
对于（变量i=0；i<4；i++）{
如果（！id[i].style.display）{
id[i]。style.display='block'；id[i]。style.visibility='visible'；value=“”；
var a=i；
var t=document.getElementById（“form1”）.target='timer'+（a+1）；
var action=document.getElementById（“form1”）.action='timer1'；
警报（document.getElementById（“form1”）.target）；
警报（action=document.getElementById（“form1”）.action）；
document.getElementById（“form1”）.submit（）；
返回；
}
}

我找到了解决问题的方法，并想与大家分享

<script>
  function checkTimer(){
  var ben = parent.document.getElementById('bench').style.height = "340px"; // resize the list
 var inv = parent.document.getElementById('invoice').style.height = "340px"; //Resize the Invoice

 var id = [
   parent.document.getElementById('timer1'),
   parent.document.getElementById('timer2'),
   parent.document.getElementById('timer3'),
   parent.document.getElementById('timer4')
];
for(var i = 0; i < 4; i++){
  if(!id[i].style.display){
    id[i].style.display = 'block'; id[i].style.visibility = 'visible'; value="" ;
    var a = i;
    $("a").attr('target','timer'+(a+1));
    return; 
    }

  }

}

函数checkTimer（）{
var ben=parent.document.getElementById（'bench'）.style.height=“340px”；//调整列表大小
var inv=parent.document.getElementById（“发票”）.style.height=“340px”；//调整发票大小
变量id=[
parent.document.getElementById（'timer1'），
parent.document.getElementById（'timer2'），
parent.document.getElementById（'timer3'），
parent.document.getElementById（'timer4'）
];
对于（变量i=0；i<4；i++）{
如果（！id[i].style.display）{
id[i]。style.display='block'；id[i]。style.visibility='visible'；value=“”；
var a=i；
$（“a”）.attr（'target'，'timer'+（a+1））；
返回；
}
}
}

---

我使用了一个超链接而不是表单，然后使用上面的javascript来缩小超链接的目标属性，因此我认为它是好的。如果有人看到这样做可能会出现问题，请随时告诉我。

我在这里感到困惑和沮丧。为什么我的问题被否决了？没有解释什么有问题吗？？？？？？？？？？？你为什么不使用表？例如，你为什么使用

而不是

我被告知表单不能很好地嵌入到普通表中？我认为这是错误的信息，并且会反复检查。另外，如果你格式化代码，你的问题更有可能得到回答。你的JS很难理解阅读。最后，你的问题不清楚。你还有一个

，而不是

。