JSFiddle - React, Tailwind, and code Playground
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html>
<head>
<title>Учёт рейсов</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="UTF-8" />
<link rel="stylesheet" href="main.css">
<script type="text/javascript" src="core.js"></script><!-- Основная логика сайта -->
</head>
<body>
<div class="button_container">
<select size="0" id="month" name="month">
<option value=""></option>
<option value="Январь">Январь</option>
<option value="Февраль" selected="selected">Февраль</option>
<option value="Март">Март</option>
<option value="Апрель">Апрель</option>
<option value="Май">Май</option>
<option value="Июнь">Июнь</option>
<option value="Июль">Июль</option>
<option value="Август">Август</option>
<option value="Сентябрь">Сентябрь</option>
<option value="Октябрь">Октябрь</option>
<option value="Ноябрь">Ноябрь</option>
<option value="Декабрь">Декабрь</option>
</select>
<br />
</div>
<div class="button_container">
<select size="0" id="year" name="year">
<option value=""></option>
<option value="2016">2016</option>
<option value="2017" selected="selected">2017</option>
<option value="2018">2018</option>
<option value="2019">2019</option>
<option value="2020">2020</option>
</select>
</div>
<div id="layerA">
<div>
<a href="javascript:void(0)" onclick="show_flights_table()" id="a_show_flights_table" class="a_demo_three b_green" title="Показать таблицу">Показать таблицу</a>
</div>
<!-- Блок таблицы рейсов-->
<div id="div_flights_table">
<table border=0 align=center width=70%><caption><strong>Рейсы за Февраль 2017</strong></caption><tr><td style='width:20px;'><strong>№</strong></td><td><strong>Номер рейса</strong></td><td><strong>Дата...
JavaScript
//Построить таблицу рейсов
function show_flights_table()
{
year = GetData('year');
month = GetData('month');
console.log("период введён: " + year + " " + month);
ajax({
url:"show_flights_table.php",
type:"POST",
data:
{
year:year,
month:month,
},
success: function (data) {
console.log(data);
document.getElementById("div_flights_table").innerHTML=data;
},
error: function (error1) {
console.log("eror_show");
}
})
}
//Добавление строки в таблицу рейсов
function add_line()
{
year = GetData('year');
month = GetData('month');
ajax({
url:"add_line_in_flights_table.php",
type:"POST",
data:
{
// year:year,
// month:month,
},
success: function (data) {
div_name = "div_flights_table";
div = "#" + div_name;
$(div).html(data);
},
error: function (error1) {
console.log("eror_change_cell");
}
})
}