Не работает выбор места

@Hakimi1 · Регистрация: 26.11.2020

Студворк — интернет-сервис помощи студентам

Есть схема с квадратиками(это места), при клике на квадратик, в форме, в строчке "Место" должно появиться номер места.
Ошибку никак найти не могу.
Sorry за большой код...
Сама форма:

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
@extends('layouts.layout2')
@section('content')
    <head>
        <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
        <script src="{{asset('../js/script.js')}}" defer></script>
    </head>
    <body>
    <h1>Выберите место</h1>
    <div id="seat">
        <div id="seat1"></div>
        <div id="seat2"></div>
    </div>
    <form id="buyForm" action="" method="post">
        <input type="hidden" name="flight_id" value="$ticket['id']">
        <div><h3>Оформление билета</h3></div>
        <div><p>Фамилия:</p><input type="text" name="surname"></div>
        <div><p>Имя:</p><input type="text" name="name"></div>
        <div><p>Паспорт:</p><input type="text" name="pass"></div>
        <div><p id="seatform">Место:</p></div>
        <input id='placephp' type="hidden" name="place" >
        <div><p >Тариф:</p><select id="seatsel" name='rate'>
                <option value="biz">Бизнесс</option>
            </select></div>
        <div><p id="priceOUT">Цена:</p></div>
        <div><button id="buybutton">Купить</button></div>
        <input type="hidden" name="" value="buy">
        <input id='price'type="hidden" name="price" value="">
    </form>
    </body>
 
@endsection

И скрипт:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
$(document).ready(function(){
    let div;
    let option;
    let finalprice;
    {
        for(let i=1;i<=20;i++){
            div = document.createElement('div');
            div.className = "seatPB";
            div.id=i;
            div.innerHTML=i;
            $('#seat1').append(div);
        }
        for(let i=21;i<=70;i++){
            div = document.createElement('div');
            div.className = "seatP";
            div.id=i;
            div.innerHTML=i;
            $('#seat1').append(div);
        }
        for(let i=71;i<=90;i++){
            div = document.createElement('div');
            div.className = "seatPB";
            div.id=i;
            div.innerHTML=i;
            $('#seat2').append(div);
        }
        for(let i=91;i<=140;i++){
            div = document.createElement('div');
            div.className = "seatP";
            div.id=i;
            div.innerHTML=i;
            $('#seat2').append(div);
        }
    }
    {
        $('#seat').style.width='1360px';
        for(let i=1;i<=20;i++){
            div = document.createElement('div');
            div.className = "seatPB";
            div.id=i;
            div.innerHTML=i;
            $('#seat1').append(div);
        }
        for(let i=21;i<=79;i++){
            div = document.createElement('div');
            div.className = "seatP";
            div.id=i;
            div.innerHTML=i;
            $('#seat1').append(div);
        }
        for(let i=80;i<=100;i++){
            div = document.createElement('div');
            div.className = "seatPB";
            div.id=i;
            div.innerHTML=i;
            $('#seat2').append(div);
        }
        for(let i=101;i<=158;i++){
            div = document.createElement('div');
            div.className = "seatP";
            div.id=i;
            div.innerHTML=i;
            $('#seat2').append(div);
        }
    }
    $('.seatPB').click(function(event) {
        for(let i=1;i<=140;i++){
            $('#'+i).removeClass('active');
        }
        $(this).addClass('active');
        i=event.target.id;
        $('#seatform').text('Место: '+i);
        $('#seatsel').empty();
        option = document.createElement('option');
        option.value='Бизнесс';
        option.innerHTML='Бизнесс';
        $('#seatsel').append(option);
        finalprice=$('#price').val()*3;
        $('#priceOUT').text('Цена: '+finalprice+'₽');
        $('#placephp').val(i);
    });
    $('.seatP').click(function(event) {
        for(let i=1;i<=140;i++){
            $('#'+i).removeClass('active');
        }
        i=event.target.id;
        $(this).addClass('active');
        $('#seatform').text('Место: '+i);
        $('#seatsel').empty();
        option = document.createElement('option');
        option.value='Эконом';
        option.innerHTML='Эконом';
        $('#seatsel').append(option);
        option = document.createElement('option');
        option.value='Эконом+';
        option.innerHTML='Эконом+';
        $('#seatsel').append(option);
        finalprice=$('#price').val()*1;
        $('#priceOUT').text('Цена: '+finalprice+'₽');
        $('#placephp').val(i);
    });
 
    $('#seatsel').change(function(){
        if ($('#seatsel').val()=='Эконом'){
            finalprice=$('#price').val()*1;
            $('#priceOUT').text('Цена: '+finalprice+'₽');
        }else{
            finalprice=$('#price').val()*2;
            $('#priceOUT').text('Цена: '+finalprice+'₽');
        }
    });
});

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .	Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»	SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .