1
« en: Domingo 3 de Diciembre de 2006, 01:40 »
bueno estoy haciendo 3 selects dependientes y no me aparecen los option por defecto <option value="0" selected="selected">seleccionar... </option>
del segundo y tercer select, yo quiero que se quede el option seleccionar por defecto y luego en el caso de que se carge algo que borre lo cargado
cada selects pregunta a la base da datos y devuelve los resultados en el select siguiente.
muchas gracias a todos de antemano.
codigo:
// Función que recoge los datos de las provincias del xml desde el script de PHP.
function dependiente(xml_provincias)
{
// Eliminamos todos los options del select de las provincias que pudieran ver.
selec=document.getElementById('s_provincias');
while (selec.hasChildNodes())
{
selec.removeChild(selec.firstChild);
}
// Calculamos el número de provincias a mostrar.
var numero=xml_provincias.getElementsByTagName("provin cia").length;;
for(i=0;i<numero;i++) // Por cada pueblo resultante
{
// Cogemos el nombre de las provincias
var nombre_provincia = xml_provincias.getElementsByTagName("provincia").childNodes[1].firstChild.nodeValue;
// Cogemos las provincias de nuevo porque no queremos otra cosa .
var id_provincia = xml_provincias.getElementsByTagName("provincia").childNodes[0].firstChild.nodeValue;
// Creamos un nodo texto, con el nombre de la provincia
var nodo_texto = document .createTextNode(nombre_provincia);
// Creamos un elemento option
var nuevo_option = document.createElement('option');
// Añadimos el texto al option creado.
nuevo_option.appendChild(nodo_texto);
// Añadimos el option creado al select con name "s_provincias"
selec.appendChild(nuevo_option);
// Añadimos el atributo value al option recien creado
nuevo_option.setAttribute("value",id_provincia);
<select name="provincias" size="1" class="navLink" id="s_provincias" onChange="llamada1();" style="width:178px" >
<option value="0" selected="selected">seleccionar... </option>
</select>
</div> </td>
</tr>
<tr>
<td valign="middle">Seleccione la población </td>
<td valign="middle">:</td>
<td valign="middle"><select name="pueblos" size="1" class="navLink" id="s_pueblo" style="width:178px">
<option value="0" selected="selected">seleccionar... </option>
<option value="1">Todas las poblaciones</option>
</select></td>