Javascript 预订脚本障碍

世界上伟大的人民

我们正在尝试为一家剧院预订一套系统。我们使用一个脚本来创建一个座位地图数组，并给它一个可单击的函数。选中后，html表格将显示座位数。我们想要实现的是，表格显示了座位的价格，并进行了统计。座位1=7.50/座位2=11.00/座位3=13.00。但看起来我们陷入了困境。我们需要找到一种方法使所选的座位总数增加。我们的html文件接受变量，但将其视为一把椅子，这意味着我们必须将价格与座位1或计数座位1联系起来。我们尝试添加一个价格，并使用字符串方法分离行和座位，但这似乎也失败了。在它显示价格和计数后，我们需要一个按钮，该按钮将引导我们进入一个新页面，其中所选座位汇总在同一个表格中，但不再可更改。很抱歉说来话长，但是我们已经找了好几天了，找不到一个合适的方法来处理这个问题。提前感谢您的帮助，非常感谢！ 我们的完整代码>

谢谢你，米歇尔

var room1 = [
//   1  2  3  4  5  6  7  8  9  0  1  2
[0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0], //14
[0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0], //13
[0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0], //12
[1, 1, 1, 1, 1, 2, 2, 1, 1, 1, 1, 1], //11
[1, 1, 1, 1, 2, 2, 2, 2, 1, 1, 1, 1], //10
[1, 1, 1, 2, 2, 3, 3, 2, 2, 1, 1, 1], //9
[1, 1, 1, 2, 2, 3, 3, 2, 2, 1, 1, 1], //8
[1, 1, 1, 2, 2, 3, 3, 2, 2, 1, 1, 1], //7
[1, 1, 1, 2, 2, 3, 3, 2, 2, 1, 1, 1], //6
[1, 1, 1, 1, 2, 2, 2, 2, 1, 1, 1, 1], //5
[0, 1, 1, 1, 1, 2, 2, 1, 1, 1, 1, 0], //4
[0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0], //3
[0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0], //2
[0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0], //1
];

function make_seat() {
  for (var r = 0; r < room1.length; r++) {

    var rowdiv = $("<div>");

    rowdiv.attr("id", "DIV_" + r);
    for (s = 0; s < room1[r].length; s++) {

        var seat = $("<button id='seat_"+r+"_"+s+"'>");

        seat.attr("id", "seat_" + r + "_" + s);

        switch(room1[r][s]) {
            case 1:
                seat.attr("id", "seat_" + r + "_" + s + "-" + 7.50);
                break;
            case 2:
                seat.attr("id", "seat_" + r + "_" + s + "-" + 11);
                break;
            case 3:
                seat.attr("id", "seat_" + r + "_" + s + "-" + 13); 
                break;
        }

        // seat.appendChild(document.createTextNode(""));
        //seat.addEventListener("click",reservation,false);


        seat.click(order);
        switch (room1[r][s]) {
            case 0:
                seat.attr("class", "seat_0");
                break;
            case 1:
                seat.attr("class", "seat_1");
                break;
            case 2:
                seat.attr("class", "seat_2");
                break;
            case 3:
                seat.attr("class", "seat_3");
                break;
        }
        rowdiv.append(seat);

    }

   $("#DIV_inhoud").append(rowdiv);
}

}


function order() {
  var seatInfo = $(this).attr("id").split("_");
  var r = seatInfo[1];
  var s = seatInfo[2];
//var p = ophalenPrijs("selected");
  $(this).toggleClass("selected");
  $("#count_seat_1").html($(".seat_1.selected").size());
  $("#count_seat_2").html($(".seat_2.selected").size());
  $("#count_seat_3").html($(".seat_3.selected").size());
  $("#count_total").html($(".selected").size());
}


function start() {
   make_seat();

}
start();

---

像什么？是的。这似乎解决了计数问题。谢谢它似乎工作得很好，但现在我需要一种方法将表导入到一个干净的html页面，而不改变表。这样我就可以添加一个随机数生成器，它会给你一个预订代码。不是官方的方式，但它符合我们的目的