ダイナミックtabindex属性

Question

私は行の多くを持って、それぞれの行は、このようなだけ<input type='text'/>でカラムを、持っている：

HTML：

<table> 
    <tr> 
     <td><input type="text" size="10"/></td> 
     <td><input type="text" size="10"/></td> 
     <td><input type="text" size="10"/></td> 
    </tr> 
    <tr> 
     <td><input type="text" size="10"/></td> 
     <td><input type="text" size="10"/></td> 
     <td><input type="text" size="10"/></td> 
    </tr> 
</table> 

は、PHP：

while(!$res->EOF) 
{ 
     // then come another while() from other db consult 
     while(!$res2->EOF) 
     { 
      // this create the dynamic columms. 
     } 
} 

私はdbの結果からこの行を作成していますが、列の数は動的であり、時にはそれほど多くない場合もあります。

私はtabindexが現在の列 "垂直モード"に従う必要があります。

私はEXPを作った：Jsfiddle

ご質問お願いします。

ありがとうございました。

Answer 1

必要な行数を知る必要があります。あなたのタブインデックスは次のようになります。

1 6 11 
2 7 12 
3 8 13 
4 9 14 
5 10 15 

をここでは、各セルのインデックスを取得するための式である：

tabindex=rowNum+(rowCount*colnumber) 

私は読者への課題として、実装のままになります。