<%@ 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>

解决方案 »

  1.   

    year=document.getElementById("Year").options[document.getElementById("Year").selectedIndex].valuedocument.all.Year是匹配元素name属性的
      

  2.   

    取年:
    document.getElementById("Year").value
      

  3.   

    #region jquery获得select option的值 和对select option的操作
            /*服务器控件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
      

  4.   

    var obj=document.getElementById("Sel_Area");
      intAID=obj.options[obj.selectedIndex].value;
      strAN=obj.options[obj.selectedIndex].text;
      

  5.   


    int year=document.getElementById("Year").value;
      

  6.   

    ddlgradelevelp.options[obj.selectedIndex].value