Как добавлять значения динамических полей в бд
есть такая форма которая добавляет поля при нажатии на кнопку. Как сделать что бы значения этих полей добавлялось в базу данных? Может направите на какие то статьи? заранее спасибо
<script type="text/javascript">
var d = document;
var last_id = 0;
function add_value_f() {
var tbody = d.getElementById('v_table').getElementsByTagName('tbody')[0];
var row = d.createElement("tr");
tbody.appendChild(row);
var td1 = d.createElement("td");
var td2 = d.createElement("td");
var td3 = d.createElement("td");
var td4 = d.createElement("td");
var td5 = d.createElement("td");
row.appendChild(td1);
row.appendChild(td2);
row.appendChild(td3);
row.appendChild(td4);
row.appendChild(td5);
last_id = last_id + 1;
row.setAttribute('id', 'item'+last_id);
td1.innerHTML = '<input type="text" name="xml_id['+last_id+']">';
td2.innerHTML = '<input type="text" name="values['+last_id+']">';
td3.innerHTML = '<input type="text" name="val_sort['+last_id+']" value="500">';
td4.innerHTML = '<input type="radio" name="default" value="'+last_id+'">';
td5.innerHTML = '<a href="javascript:void(0);" onclick="del_input('+last_id+')">удалить</a>';
}
function del_input(id){
var inp = document.getElementById("item"+id);
inp.remove();
}
</script>
<form method="post">
<table border="1" id="v_table">
<thead>
<tr>
<th>xml_id</th>
<th>значение</th>
<th>сорт.</th>
<th>по умол.<input type="radio" name="default" value="none" checked=""></th>
<th>удалить</th>
</tr>
</thead>
<tbody>
<tr id="item0">
<td><input type="text" name="xml_id[0]"></td>
<td><input type="text" name="values[0]"></td>
<td><input type="text" name="val_sort[0]" value="500"></td>
<td><input type="radio" name="default" value="0"></td>
<td>-</td>
</tr>
</table>
<input type="button" onclick="add_value_f()" value="Добавить поле">
<input type="submit" name="send" value="Сохранить">
</form>