Javascript Jquery使用XY值生成输入元素

我试图生成包含坐标XY等值的输入元素

这张图片将解释我在寻找什么

从上图中可以看出，每个输入的值是A1、B1、C1、…、D5、E5。 我已经定义了生成的数字输入的大小，5x5

下面是我为值生成元素加增量数的代码。 但是我不知道如何修改它

$(document).ready(function() {
   var a = 5, b = 5, val = a*b;

   $("#seatwrapper").each(function() {
      var arrseat = new Array();
      arrseat['this'] = ['X', 'X', 'X', 'X', 'C1', 'C1', 'C1', 'C1', 'C2', 'C2', 'C2', 'C2', 'X', 'X', 'X', 'X', 'C1', 'C1', 'C1', 'C1', 'C2', 'C2', 'C2', 'C2', 'X'];

      var abcd = new Array();
      abcd['this'] = ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z']; // I have no idea to add Increment Character as Column ID

      // go thru the main array
      for (var key in arrseat) {
         // go thru the inner arrays
         var arr = arrseat[key];
         for (i = 0, n = arr.length; i < n; i++) {
            var _select = $('<input></input>', {class: 'seat dropdown ' + arr[i] + '', name: 'seatlist', type: 'text', value: i+1});
            $("#seatwrapper").append(_select);
         }
      }       
   });  
   $('#seatwrapper').css('width',b*40+6);
});

$（文档）.ready（函数（）{
变量a=5，b=5，val=a*b；
$（“#SeatRapper”）。每个（函数（）{
var arrseat=新数组（）；
arrseat['this']=“X”，“X”，“X”，“X”，“C1”，“C1”，“C1”，“C1”，“C1”，“C2”，“C2”，“C2”，“C2”，“C2”，“X”，“X”，“X”，“X”，“X”，“C1”，“C1”，“C1”，“C1”，“C2”，“C2”，“C2”，“X”]；
var abcd=新数组（）；
abcd['this']=['A'，'B'，'C'，'D'，'E'，'F'，'G'，'H'，'I'，'J'，'K'，'L'，'M'，'N'，'O'，'P'，'Q'，'R'，'S'，'T'，'U'，'V'，'W'，'X'，'Y'，'Z']；//我不知道如何添加增量字符作为列ID
//通过主阵列
用于（座椅中的var键）{
//通过内部阵列
var arr=ARRSITE[钥匙]；
对于（i=0，n=arr.length；i

这里是jsbin中的实时演示：

这里是固定的

但是你在底部有一些警告

---

你需要用一些模运算来计算行数，瞧

“5”在价值上代表什么：abcd[（i%5）]？行还是列？我想让它充满活力，也许尺寸不是5x5。所以我首先定义了var a和b。哦，对不起，两个5都是列数！我更改了变量名称以澄清：