Foros del Web - Ver Mensaje Individual

emprear · #6 (**permalink**) 23/11/2012, 20:33

También podés hacerlo con javascript, este es muy típico

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>selects dinámicos</title>
 
<style type="text/css">
/* <![CDATA[ */
select.s {
 height:400px;
 width:120px;
 font-size: 11px;
}
 
/* ]]> */
</style>
 
<script type="text/javascript">
//<![CDATA[
var texto_mes=['Ene','Feb','Mar','Abr','May','Jun','Jul','Ago','Sept','Oct','Nov','Dic'];
function crear_fecha(campo_minutos,campo_hora,campo_dia, campo_mes){
//var hoy=new Date()
var campo_minutos=document.getElementById(campo_minutos);
var campo_hora=document.getElementById(campo_hora);
var campo_dia=document.getElementById(campo_dia);
var campo_mes=document.getElementById(campo_mes);
 
for (var i=0; i < 60; i++){
campo_minutos.options[i]=new Option(i, i);
}
 
for (var i=0; i < 24; i++){
campo_hora.options[i]=new Option(i, i);
}
 
for (var i=0; i < 31; i++){
campo_dia.options[i]=new Option(i+1, i+1);
}
 
for (var m=0; m < texto_mes.length; m++){
campo_mes.options[m]=new Option(texto_mes[m], m+1)
}
}
//]]>
</script>
</head>
<body>
<form method="post" action="#">
<select name="minutos" id="minutos" multiple="multiple" class="s">
<option value=""><!-- fix w3c --></option>
</select>
<select name="horas" id="horas" multiple="multiple" class="s">
<option value=""><!-- fix w3c --></option>
</select>
<select name="dias" id="dias" multiple="multiple" class="s">
<option value=""><!-- fix w3c --></option>
</select>
<select name="meses" id="meses" multiple="multiple" class="s">
<option value=""><!-- fix w3c --></option>
</select>
<!-- una variante -->
<script type="text/javascript">
//<![CDATA[
document.write('<select onchange="if(this.value != \'\'){alert(this.value)};">\n');
document.write('<option value="">Seleccionar 1 al 50<\/option>\n');
for (var z=0; z < 50; z++){
document.write('<option value="' + (z+1) +'">' + (z+1) + '<\/option>\n');
}
document.write('<\/select>\n');
//]]>
</script>
</form>
<script type="text/javascript">
//<![CDATA[
window.onload=function(){
crear_fecha("minutos","horas","dias", "meses")
}
//]]>
</script>
</body>
</html>

saludos