JavaScript - Generar Menús Desplegables con la Fecha preselecci

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 clara

No me gusta: Está pregunta no esta clara o no es útil

Responder

Pos: 525

Val: 4

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 clara

No me gusta: Está respuesta no esta clara o no es útil

Comentar