1
Могу ли я редактировать все текстовые поля (tr) с помощью модальности Bootstrap? включая новые поля, которые я могу создать. Какой-то друг сказал мне, что можно использовать в этом случае, но я раньше не работал с этой структурой. Я сделал некоторые исследования и попробовал некоторые коды, размещенные здесь и в Интернете, но не работал. Если это не сложно, и вы, ребята, можете мне помочь, я буду признателен. Я пытаюсь сделать мини-проекты для самостоятельного обучения, и, очевидно, после того, как вы начали с больших в школе.Можно ли использовать Bootstrap в этом случае?
Код: HTML
<!DOCTYPE html>
<html>
<head>
<title>Main Page</title>
<script src="js/jquery-3.1.0.min.js"></script>
<script src="js/script1.js"></script>
</head>
<body>
<table id="mainTable" name="mainTable" align="center" border="0" width="auto">
<tbody>
<tr>
<td align="center">
<input type="number" id="regsAmount" name="regsAmount" style="width:40px; text-align: center;">
<input type="button" id="submitAmount" name="submitAmount" style="width:auto;" value="Add">
<th style="text-align:center; border-style:solid; width:120px; border-width:2px;">Name</th>
<th style="text-align:center; border-style:solid; width:120px; border-width:2px;">Last Name</th>
<th style="text-align:center; border-style:solid; width:120px; border-width:2px;">ID</th>
<th style="text-align:center; border-style:solid; width:250px; border-width:2px;">Mail</th>
<th style="text-align:center; border-style:solid; width:120px; border-width:2px;">Username</th>
</td>
</tr>
<tr align="center">
<td>
</td>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td><button type="button" data-id="1" class="btn btn-default editButton">Edit</button></td>
</tr>
<tr align="center">
<td></td>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
<td><button type="button" data-id="2" class="btn btn-default editButton">Edit</button></td>
</tr>
<tr align="center">
<td></td>
<td>11</td>
<td>12</td>
<td>13</td>
<td>14</td>
<td>15</td>
<td><button type="button" data-id="3" class="btn btn-default editButton">Edit</button></td>
</tr>
<tr align="center">
<td></td>
<td>16</td>
<td>17</td>
<td>18</td>
<td>19</td>
<td>20</td>
<td><button type="button" data-id="4" class="btn btn-default editButton">Edit</button></td>
</tr>
<tr align="center">
<td></td>
<td>21</td>
<td>22</td>
<td>23</td>
<td>24</td>
<td>25</td>
<td><button type="button" data-id="5" class="btn btn-default editButton">Edit</button></td>
</tr>
</tbody>
</table>
<p align="center"><input type="button" id="saveRegs" name="saveRegs" value="Save All" style="width:auto;" onclick="disable_inp()"></p>
</body>
</html>
JS:
function disable_inp()
{
$("tr:gt(0) td:has(input)").text(function()
{
return $('input', this).val();
});
}
$(document).ready(function()
{
$(document).on('click', "#submitAmount", function()
{
var ValReg = $("#regsAmount").val();
var i = 1;
var array = new Array(5)
array = ["<input type='text' class='reqField'>", "<input type='text' class='reqField'>", "<input type='text' class='reqField'>", "<input type='text' class='reqField'>", "<input type='text' class='reqField'>"];
while (i <= ValReg)
{
$("#mainTable").last().append("<tr></tr>");
$("tr").last().append('<td> </td>' + '<td align="center">' + array[0] + '</td>' + '<td align="center">' + array[1] + '</td>' + '<td align="center">' + array[2] + '</td>' + '<td align="center">' + array[3] + '</td>' + '<td align="center">' + array[4] + '</td>');
i++;
}
})
});
Что не сработало? У вас есть ошибки в консоли? Если вы еще не проверили, это должно быть ваше первое место для начала. Затем вам нужно узнать об отладке, установив точки останова и проверив переменные. – scrappedcola
Примеры, как [этот] (http://formvalidation.io/examples/loading-saving-data-modal/), не сработали для меня. И это большая вещь, я использую вид noob @ frameworks. – xblade52
Но вам нужно определить, что означает «не работает». Является ли модальное показ, являющимся событием отправки, возникают проблемы с выбором элемента для добавления, выбираете ли вы правильный элемент, но он ничего не добавляет, есть ли ошибки времени выполнения, которые препятствуют запуску? Это основные шаги отладки, которые необходимо выполнить перед публикацией вопроса. Убивая работу над кем-то и говоря: «Я ноб, это не работает, исправьте это» не поможет вам стать лучшим разработчиком. Я мог бы заботиться о вашем уровне опыта, если вы зададите правильный вопрос. – scrappedcola