Я разрабатывал веб-страницу для конструктора Automated Resume. У меня есть эта таблица в html для сбора информации об образовании пользователей. Таблица динамическая, в том смысле, что строка добавляется динамически с помощью Java Script.
Код HTML
<div id="POItablediv">
<table id="POITable" border="1">
<tr>
<td>ID</td>
<td>Course</td>
<td>Percentage/Aggregate</td>
<td>Pass Out Year</td>
<td>Institute/School</td>
<td>University/Boardd</td>
<td>Delete</td>
<td>Add Education</td>
</tr>
<tr>
<td>1</td>
<td><input size=25 type="text" name="course"/></td>
<td><input size=25 type="text" name="agg" readonly=true/></td>
<td><input size=25 type="text" name="year"></td>
<td><input size=25 type="text" name="inst"></td>
<td><input size=25 type="text" name="uni"></td>
<td><input type="button" id="delete" value="Delete" onclick="deleteRow(this)" /></td>
<td><input type="button" id="add" value="Add Education" onclick="insRow()" /></td>
</tr>
</table>
</div>
Java Script
<script language="javascript">
function deleteRow(row) {
var x = document.getElementById('POITable');
var i = row.parentNode.parentNode.rowIndex;
var len=x.rows.length;
if(len>2) {
document.getElementById('POITable').deleteRow(i);
}
else{
alert("Cannot delete last row");
}
}
function insRow() {
console.log('hi');
var x = document.getElementById('POITable');
var new_row = x.rows[1].cloneNode(true);
var len = x.rows.length;
new_row.cells[0].innerHTML = len;
var inp1 = new_row.cells[1].getElementsByTagName('input')[0];
inp1.id += len;
inp1.value = '';
var inp2 = new_row.cells[2].getElementsByTagName('input')[0];
inp2.id += len;
inp2.value = '';
x.appendChild(new_row);
}
Они работают нормально. И после отправки формы значения получаются с помощью getparametervalues () в сервлете и сохраняются в массиве. Вопрос, если я получил несколько значений для университета или курса и т. Д. Как я могу вставить эти несколько значений в один столбец внутри таблицы в MYSQL? Так что я могу получить ту же структуру на более поздней стадии.