<%@ Page Language="C#" AutoEventWireup="true" CodeFile="DateSelect.aspx.cs" Inherits="DateSelect" %><!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 runat="server">
<title>日期下拉选择实现</title>
<script type="text/javascript">
function showDate(u)
{
var year=u.getFullYear();
var month=u.geMonthth()-1;
var day=u.getDate()-1;
var $=document.getElementById;
$("Year").options.selectedIndex=2008-year;
$("Month").options.selectedIndex=month;
$("Day").options.selectedIndex=day;
}
function createSelect(ActionFlag)
{
var Year = document.getElementById("Year");
var Month = document.getElementById("Month");
var Day = document.getElementById("Day");
var dt = new Date(); if(ActionFlag == 1)
{
MaxYear = dt.getFullYear();
MinYear = dt.getFullYear()-40; //////////////////////////////////////////////////////////
/////////////////Year.selectedIndex = 0///////////////////
//////////////////////////////////////////////////////////
for(var i = MaxYear; i >= MinYear; i--)
{
var op = document.createElement("OPTION");
op.value = i;
op.innerHTML = i;
Year.appendChild(op);
} //////////////////////////////////////////////////////////
///////////Month.selectedIndex = dt.getMonth()////////////
//////////////////////////////////////////////////////////
for(var i = 1; i < 13; i++)
{
var op = document.createElement("OPTION");
op.value = i;
op.innerHTML = i;
Month.appendChild(op);
}
} var date = new Date(Year.value, Month.value, 0);
var daysInMonth = date.getDate();
Day.options.length = 0; ///////////////////////////////////////////////////////////
///////////Day.selectedIndex = dt.getDate() - 1////////////
///////////////////////////////////////////////////////////
for(var i = 1; i <= daysInMonth ; i++)
{
var op = document.createElement("OPTION");
op.value = i;
op.innerHTML = i;
Day.appendChild(op);
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<table>
<tr>
<td>日期:</td>
<td>
<select id="Year" size="1" onchange="createSelect()" runat="server" ></select>
<select id="Month" size="1" onchange="createSelect();" runat="server"> </select>
<select id="Day" size="1" runat="server"> </select>
<script type="text/javascript">
createSelect(1); showDate(new Date(2006,03,06));
</script>
</td>
<td>至</td>
<td>
<select id="Year1" size="1" onchange="createSelect()"> </select>
<select id="Month2" size="1" onchange="createSelect();"> </select>
<select id="Day3" size="1" > </select>
<script type="text/javascript">
createSelect(1); showDate(new Date(2006,03,06));
</script>
</td>
</tr>
</table>
</form>
</body>
</html>上面代码是论坛上一个筒子给出的,我想获取select控件中选出来的日期,并存储起来请问如何获取?
我试了一下以下方法,也没用反应:<script language="text/javascript">
year=document.all.Year.options[document.all.Year.selectedIndex].value;
document.write(year);
</script>
<head runat="server">
<title>日期下拉选择实现</title>
<script type="text/javascript">
function showDate(u)
{
var year=u.getFullYear();
var month=u.geMonthth()-1;
var day=u.getDate()-1;
var $=document.getElementById;
$("Year").options.selectedIndex=2008-year;
$("Month").options.selectedIndex=month;
$("Day").options.selectedIndex=day;
}
function createSelect(ActionFlag)
{
var Year = document.getElementById("Year");
var Month = document.getElementById("Month");
var Day = document.getElementById("Day");
var dt = new Date(); if(ActionFlag == 1)
{
MaxYear = dt.getFullYear();
MinYear = dt.getFullYear()-40; //////////////////////////////////////////////////////////
/////////////////Year.selectedIndex = 0///////////////////
//////////////////////////////////////////////////////////
for(var i = MaxYear; i >= MinYear; i--)
{
var op = document.createElement("OPTION");
op.value = i;
op.innerHTML = i;
Year.appendChild(op);
} //////////////////////////////////////////////////////////
///////////Month.selectedIndex = dt.getMonth()////////////
//////////////////////////////////////////////////////////
for(var i = 1; i < 13; i++)
{
var op = document.createElement("OPTION");
op.value = i;
op.innerHTML = i;
Month.appendChild(op);
}
} var date = new Date(Year.value, Month.value, 0);
var daysInMonth = date.getDate();
Day.options.length = 0; ///////////////////////////////////////////////////////////
///////////Day.selectedIndex = dt.getDate() - 1////////////
///////////////////////////////////////////////////////////
for(var i = 1; i <= daysInMonth ; i++)
{
var op = document.createElement("OPTION");
op.value = i;
op.innerHTML = i;
Day.appendChild(op);
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<table>
<tr>
<td>日期:</td>
<td>
<select id="Year" size="1" onchange="createSelect()" runat="server" ></select>
<select id="Month" size="1" onchange="createSelect();" runat="server"> </select>
<select id="Day" size="1" runat="server"> </select>
<script type="text/javascript">
createSelect(1); showDate(new Date(2006,03,06));
</script>
</td>
<td>至</td>
<td>
<select id="Year1" size="1" onchange="createSelect()"> </select>
<select id="Month2" size="1" onchange="createSelect();"> </select>
<select id="Day3" size="1" > </select>
<script type="text/javascript">
createSelect(1); showDate(new Date(2006,03,06));
</script>
</td>
</tr>
</table>
</form>
</body>
</html>上面代码是论坛上一个筒子给出的,我想获取select控件中选出来的日期,并存储起来请问如何获取?
我试了一下以下方法,也没用反应:<script language="text/javascript">
year=document.all.Year.options[document.all.Year.selectedIndex].value;
document.write(year);
</script>
document.getElementById("Year").value
/*服务器控件dropdownlist再被服务器解析后,客户端呈现为select*/ //获取Select :
//获取select 选中的 text :
//$("#ddlRegType").find("option:selected").text(); //获取select选中的 value:
//$("#ddlRegType").val(); // 获取select选中的索引:
// $("#ddlRegType").get(0).selectedIndex; //设置select:
//设置select 选中的索引:
//$("#ddlRegType").get(0).selectedIndex=index;//index为索引值 //设置select 选中的value:
//$("#ddlRegType").attr("value","Normal");
//$("#ddlRegType").val("Normal");
//$("#ddlRegType").get(0).value = value; // 设置select 选中的text: //var count=$("#ddlRegTypeoption").length;
// for(var i=0;i<count;i++)
// {
// if($("#ddlRegType").get(0).options[i].text == text)
// {
// $("#ddlRegType").get(0).options[i].selected = true;
// break;
// }
// }
//$("#select_id option[text='jQuery']").attr("selected", true);
//设置select option项:
// $("#select_id").append("<option value='Value'>Text</option>"); //添加一项option
// $("#select_id").prepend("<option value='0'>请选择</option>"); //在前面插入一项option
// $("#select_id option:last").remove(); //删除索引值最大的Option
// $("#select_id option[index='0']").remove();//删除索引值为0的Option
// $("#select_id option[value='3']").remove(); //删除值为3的Option
// $("#select_id option[text='4']").remove(); //删除TEXT值为4的Option //清空 Select:
//$("#ddlRegType").empty(); #endregion
intAID=obj.options[obj.selectedIndex].value;
strAN=obj.options[obj.selectedIndex].text;
int year=document.getElementById("Year").value;