Buongiorno a tutti
ho un problema.
Ho la necessità di creare dei campi select in modo dinamico all'interno di una form e caricarne i contenuti utilizzando ajax.
Il tutto sembra funzionare correttamente fino a che non faccio la submit: leggendo dalla request non trovo nessun valore relativo alle select generate.
Mi potete aiutare?
Di seguito il codice javascript per generare i select:
codice:
function addRowToTable()
{
var tbl = document.getElementById('aipr');
var lastRow = tbl.rows.length;
// if there's no header row in the table, then iteration = lastRow + 1
var iteration = lastRow;
if (document.getElementById("active_ingr_id"+(iteration-1)).value != 0)
{
var row = tbl.insertRow(lastRow);
//Active Ingredient
var cell1 = row.insertCell(0);
var div = document.createElement("div");
div.id = "activeIngrSel" + iteration;
var sel = document.createElement('select');
sel.name = 'active_ingr_id' + iteration;
sel.id = 'active_ingr_id' + iteration;
sel.options[0] = new Option('-', '0');
sel.onchange=function(){loadProduct(this.value,0,iteration);}
div.appendChild(sel);
cell1.appendChild(div);
//Product
cell1 = row.insertCell(1);
div = document.createElement("div");
div.id = "productSel" + iteration;
sel = document.createElement('select');
sel.name = 'id_ai_pr' + iteration;
sel.id = 'id_ai_pr' + iteration;
sel.options[0] = new Option('-', '0');
div.appendChild(sel);
cell1.appendChild(div);
//Strength
cell1 = row.insertCell(2);
div = document.createElement("div");
div.id = "strenghtSel" + iteration;
sel = document.createElement('select');
sel.name = 'strength_id' + iteration;
sel.id = 'strength_id' + iteration;
sel.options[0] = new Option('-', '0');
div.appendChild(sel);
cell1.appendChild(div);
//Route
cell1 = row.insertCell(3);
div = document.createElement("div");
div.id = "routeSel" + iteration;
sel = document.createElement('select');
sel.name = 'route_id' + iteration;
sel.id = 'route_id' + iteration;
sel.options[0] = new Option('-', '0');
div.appendChild(sel);
cell1.appendChild(div);
//Form
cell1 = row.insertCell(4);
div = document.createElement("div");
div.id = "formSel" + iteration;
sel = document.createElement('select');
sel.name = 'form_id' + iteration;
sel.id = 'form_id' + iteration;
sel.options[0] = new Option('-', '0');
div.appendChild(sel);
cell1.appendChild(div);
}
return iteration;
}