Comunidad de diseño web y desarrollo en internet online

select dinámico

Citar            
MensajeEscrito el 08 Mar 2011 04:44 pm
Hola, tengo un problema con un <select> que estoy programando para una aplicación web, es el siguiente:

<select name="destino">
<option>pa&iacute;s de destino</option>
<option id="1">Espa&ntilde;a</option>
<option id="2">Italia</option>
<option id="3">Alemania</option>
<option id="4">Francia</option>
<option id="5">UK</option>
<option id="6">Holanda</option>
</select>

Y lo que me gustaría que al seleccionar sobre ellos se seleccione su correspondiente de la siguiente tabla:

<table cellpadding="0" cellspacing="0" border="0">
<tr id="1">
<td>España</td>
<td>28 min</td>
<td>67min</td>
</tr>
<tr id="2">
<td>Italia</td>
<td>28 min</td>
<td>67min</td>
</tr>
<tr id="3">
<td>Alemania</td>
<td>28 min</td>
<td>67min</td>
</tr>
<tr id="4">
<td>Francia</td>
<td>28 min</td>
<td>67min</td>
</tr>
<tr id="5">
<td>UK</td>
<td>28 min</td>
<td>67min</td>
</tr>
<tr id="6">
<td>Holanda</td>
<td>28 min</td>
<td>67min</td>
</tr>
</table>

Es importante tener en cuenta que estos valores pueden ser cientos porque están cargados desde un base de datos.

Espero poder encontrar un solución.
Muchas gracias.

Por adhvalle

1 de clabLevel



 

firefox
Citar            
MensajeEscrito el 08 Mar 2011 08:57 pm
Deberías hacer uso de ajax, así:

Creas un js que capture si hay un onChange de tu combo.
al existir el cambio lanzas una llamada asincrona con AJAX que llame un php al que le envías el id seleccionado, haga la consulta y te retorne el listado de dato que necesitas
en el ajax que lanzaste tomas esa lista armas lo que quieras (tabla , otro combo, etc.) con DOM
y listo !

bienvenido al mundo feliz

Por jpcw

Claber

1715 de clabLevel

1 tutorial

Genero:Masculino  

AlgoritmicBrainDesigner

chrome
Citar            
MensajeEscrito el 09 Mar 2011 09:11 am
y no podría solucionarlo con un script, estoy intentando algo como esto

<script type="text/javascript">
var i
function seleccionaPais(){
for (i=0;i<document.form.id_destino.length;i++){
if (document.form.id_destino.options[i].value);
document.getElementById("i").bgColor="#CCFFFF";
break;
}
}
</script>

pero no va.
gracias.

Por adhvalle

1 de clabLevel



 

firefox
Citar            
MensajeEscrito el 22 Mar 2011 03:49 am
Vas bien encaminado, no es necesario usar ajax para lo que requieres

deberias hacer algo como esto:

Código HTML :

<select id='paises' onChange="marcapais(this.value)">
<option value="espana">España</option>

//options
</select>


//aqui tabla

<table>

<tr id="espana">
<td>estoesespana</td>
<td>asdf</td>
</tr>


</table>



y en marcapais:

Código Javascript :

function marcapais(valor){

document.getElementById(valor).style.backgroundColor='red';
}




Lo anterior cambiará el color de fondo al tr con id espana

Prueba usar el value del select como el nombre del pais, en vez de un numero

Los id deben ser texto, con numeros no funciona

Para generarlo en php deberias hacer lo mismo que arriba,pero con el ciclo for

Saludos :)

Por sebifrost

61 de clabLevel



 

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.