JavaScript - Generar Menús Desplegables con la Fecha preselecci

   
Vista:

Generar Menús Desplegables con la Fecha preselecci

Publicado por Jose_lin (1 intervención) el 01/06/2009 17:11:22
Necesito crear un menu desplegable con java script que preselecione la fecha actual por defecto.
Esto es lo que tengo, consigo el menu desplagable pero no se como conseguir que seleccione por defecto el dia actual.

var indice;
dias = new Array("1", "2", "3", "4", "5", "6", "7", "8","9","10", "11", "12" , "13" , "14" , "15" , "16" , "17" , "18" , "19" , "20" , "21" , "22" , "23" , "24" , "25" , "26" , "27" , "28" , "29" , "30" , "31");
for (indice=0; indice< dias.length; indice++)
document.write("<Option value= " " + dias[indice] + " " >" + dias[indice] + "</Option>");
getdate()
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de Bet7o

RE:Generar Menús Desplegables con la Fecha presele

Publicado por Bet7o (63 intervenciones) el 03/06/2009 21:13:40
Por lo que veo no es un menu desplegable si no un combobox.

bueno si es asi te dejo un ejemplo.

--------------------------------------------------------------------------------------------------
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<style type="text/css">
select {
width: 100px;
}
</style>
<script language="javascript">
fecha = new Date()
anio = fecha.getFullYear()
mes = fecha.getMonth()
dia = fecha.getDay()
aMes = new Array('Enero','Febrero','Marzo','Abril','Mayo','Junio','Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre')
function getDias(){
switch(mes){
case 1:
case 3:
case 5:
case 7:
case 8:
case 10:
case 12:
numDias=31
break
case 4: case 6: case 9: case 11:
numDias=30
break
case 2:
if (comprobarSiBisisesto(anio)){ numDias=29 }else{ numDias=28}
break
}
return numDias
}
function comprobarSiBisisesto(anio){
if ((anio % 100 != 0) && ((anio % 4 == 0) || (anio % 400 == 0))){
return true;
}else{
return false;
}
}
function cboDia(elm){
dias = getDias()
elm = document.getElementById(elm)
for (z = 1; z <= dias; z ++){
option = document.createElement("option")
option.value = z
lblTxt = z
option.innerHTML = lblTxt
elm.appendChild(option)
}
elm.value = dia
}
function cboMes(elm){
elm = document.getElementById(elm)
for (z = 1; z <= 12; z ++){
option = document.createElement("option")
option.value = z
lblTxt = aMes[z]
option.innerHTML = lblTxt
elm.appendChild(option)
}
elm.value = mes
}
function cboAnio(elm){
elm = document.getElementById(elm)
for (z = anio - 10; z <= anio + 10; z ++){
option = document.createElement("option")
option.value = z
lblTxt = z
option.innerHTML = lblTxt
elm.appendChild(option)
}
elm.value = anio
}
function getFecha(){
cboDia('cboDia')
cboMes('cboMes')
cboAnio('cboAnio')
}
</script>
</head>
<body>
<label>Dia: </label>
<select id="cboDia" name="cboDia">
</select>
<label>Mes:</label>
<select id="cboMes" name="cboMes">
</select>
<label>Año:</label>
<select id="cboAnio" name="cboAnio">
</select>
<button type="button" onclick="getFecha()">Fecha</button>
</body>
</html>
--------------------------------------------------------------------------------------------------

Prueba tal cual esta y espero te sirva.

Salud!os!
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar