Hola amigos, tengo la siguiente duda que no lo he podido solucionar, resulta que tengo que crear este form pero luego almacenar los datos en la BD, con select dependientes
Código PHP:
<label for="regiones">Región</label>
<select name="regiones" id="regiones" class="required" title="Seleccione la región">
<option value="" selected="selected">Seleecione</option>
<?
$q = $db->query("SELECT * FROM region ORDER BY reg_nombre ASC");
while($resp = $db->fetch($q)) {
echo '<option id="'.$resp[reg_nombre].'" value="'.$resp[reg_id].'">'.$resp[reg_nombre].'</option>'."\n\t\t".'';
}
?>
</select>*
</td>
<td>
<label for="territorio">Territorio</label>
<select id="territorio" name="territorio" class="required" title="Selecciona un territorio">
<option value="" selected="selected">Seleccione</option>
</select>*
</td>
<td>
<label for="provincia">Provincia</label>
<select id="provincia" name="provincia" class="required" title="Selecione la provincia">
<option value="" selected="selected">Seleccione</option>
</select>*
</td>
<td>
<label for="comuna">Comuna</label>
<select name="comuna" id="comuna" class="required" title="Seleccione la comuna" >
<option value="" selected="selected">Seleccione</option>
</select>*
</td>
<td><label for="localidad">Localidad</label>
<select name="localidad" id="localidad" onchange="agegaopt(this)" >
<option value="" selected="selected">Seleccione</option>
</select>*
</td>
<td>
<input type="button" value="Agregar" onclick="javascript:addrow2()">
</td>
Código PHP:
// javascript
// creando una tabla dinamicamente a partir de los select regiones
var cont=1;
function addrow(tc1,tc2,tc3,tc4,tc5,tc6,tc7,region,territorio,provincia,comuna,localidad) {
var tbl = document.getElementById('tabla');
var row = document.createElement('tr');
var c0 = document.createElement('td')
c0.innerHTML=cont;
cont++;
var c1 = document.createElement('td')
c1.innerHTML=tc1;
var c2 = document.createElement('td')
var c3 = document.createElement('td')
var c4 = document.createElement('td')
var c5 = document.createElement('td')
var c7 = document.createElement('input')
c7.type = 'text'
c7.name = 'montos[]'
var region = document.createElement('input') // regiones
region.type = 'hidden'
region.name = 'regiones[]'
region.value = document.getElementById('regiones').value
var territorio = document.createElement('input') // territorio
territorio.type = 'hidden'
territorio.name = 'territorios[]'
territorio.value = document.getElementById('territorio').value
var provincia = document.createElement('input') // provincia
provincia.type = 'hidden'
provincia.name = 'provincias[]'
provincia.value = document.getElementById('provincia').value
var comuna = document.createElement('input') // comuna
comuna.type = 'hidden'
comuna.name = 'comunas[]'
comuna.value = document.getElementById('comuna').value
var localidad = document.createElement('input') // provincia
localidad.type = 'hidden'
localidad.name = 'localidades[]'
localidad.value = document.getElementById('localidad').value
// crear campos que se crean en la tabla dinamicamente
c2.innerHTML=tc2;
c3.innerHTML=tc3;
c4.innerHTML=tc4;
c5.innerHTML=tc5;
c7.innerHTML=tc7;
// campos ocultos
region.innerHTML=region;
territorio.innerHTML=territorio;
provincia.innerHTML=provincia;
comuna.innerHTML=comuna;
localidad.innerHTML=localidad;
// crear campos que se crean en la tabla dinamicamente
row.appendChild(c0);
row.appendChild(c1);
row.appendChild(c2);
row.appendChild(c3);
row.appendChild(c4);
row.appendChild(c5);
row.appendChild(c7);
// campos ocultos
row.appendChild(region);
row.appendChild(territorio);
row.appendChild(provincia);
row.appendChild(comuna);
row.appendChild(localidad);
tbl.appendChild(row);
}
function addrow2() {
var frm = document.getElementById('form');
addrow( // agregando filas
frm.regiones.value,
frm.territorio.value,
frm.provincia.value,
frm.comuna.value,
frm.localidad.value
); // paso los datos del formulario a la tabla
}
Código PHP:
// formulario en html
<table>
<tr>
<td>
<label for="regiones">Región</label>
<select name="regiones" id="regiones" class="required" title="Seleccione la región">
<option value="" selected="selected">Seleecione</option>
<option id="ANTOFAGASTA" value="2">ANTOFAGASTA</option>
<option id="COPIAPO" value="3">COPIAPO</option>
<option id="COQUIMBO" value="4">COQUIMBO</option>
<option id="TARAPACA" value="1">TARAPACA</option>
<option id="VALPARAISO" value="5">VALPARAISO</option>
</select>*
</td>
<td>
<label for="territorio">Territorio</label>
<select id="territorio" name="territorio" class="required" title="Selecciona un territorio">
<option value="" selected="selected">Seleccione</option>
</select>*
</td>
<td>
<label for="provincia">Provincia</label>
<select id="provincia" name="provincia" class="required" title="Selecione la provincia">
<option value="" selected="selected">Seleccione</option>
</select>*
</td>
<td>
<label for="comuna">Comuna</label>
<select name="comuna" id="comuna" class="required" title="Seleccione la comuna" >
<option value="" selected="selected">Seleccione</option>
</select>*
</td>
<td><label for="localidad">Localidad</label>
<select name="localidad" id="localidad" onchange="agegaopt(this)" >
<option value="" selected="selected">Seleccione</option>
</select>*
</td>
<td>
<input type="button" value="Agregar" onclick="javascript:addrow2()">
</td>
</table>
Resulta que el dato que quiero mostrar en la tabla es el de la ID del listbox, pero me muestra el name, alguien me podrá ayudar, se lo agradeceria muchisimo
Saludos..