javascript(js)动态添加日期时间下拉框菜单

javascript源码:<script type="text/javascript" language="javascript" >
                                    var agt = navigator.userAgent.toLowerCase();
                                   
                                    window.onload = function()
                                    {
                                        DateSeter();                                       
                                    }
                                     function DateSeter(){    
                                        var selYear= document.getElementById("LoftyYear"); 
                                        var selMonth=document.getElementById("LoftyMonth");
                                        var selDay=document.getElementById("LoftyDay");
                                        var now=new Date();
                                        var cYear=now.getFullYear();
                                        SetCurrentYear(selYear,cYear);
                                        al(selYear,'change','SetCurrentYear(document.getElementById(/'LoftyYear/'))');
                                        al(selMonth,'change','SetDay(null,null)');
                                        for(i=1;i<=12;i++)
                                        {
                                            var op=new Option(i,i);
                                            selMonth.options.add(op);
                                        }
                                        var cMonth=now.getMonth()+1;
                                        SetDay(cYear,cMonth);
                                        selDay.selectedIndex=now.getDate()-1;
                                    }

                                    function SetDay(year,month)
                                    {
                                        if(year==null){
                                            var yy=document.getElementById('LoftyYear');
                                            var mm=document.getElementById('LoftyMonth');
                                            year=Math.round(yy.options[yy.selectedIndex].value);
                                            month=Math.round(mm.options[mm.selectedIndex].value);
                                        }
                                        var date=new Date(year,month,1);
                                        date.setDate(0);
                                        var maxdate=date.getDate();
                                        var obj=document.getElementById('LoftyDay');
                                        var seldate=obj.selectedIndex;
                                        if(obj.options.length>0){
                                            if(Math.round(obj.options[obj.selectedIndex].value)>maxdate)
                                            {
                                                seldate=maxdate-1;
                                            }
                                        }
                                            reAppendSelect(obj,1,maxdate,seldate+1);
                                    }
                                    function SetCurrentYear(selecter,currYear)
                                    {
                                        if(currYear==null){
                                            currYear=Math.round(selecter.options[selecter.selectedIndex].value);
                                        }
                                        reAppendSelect(selecter,currYear-10,currYear+10,currYear);
                                    }
                                    function reAppendSelect(selecter,startIndex,endIndex,selIndex)
                                    {
                                        while(selecter.options.length>0)
                                        {
                                            selecter.removeChild(selecter.options[selecter.options.length-1]);
                                        }
                                        for(i=startIndex;i<=endIndex;i++)
                                        {
                                            var op=new Option(i,i);
                                            selecter.options.add(op);
                                            op.selected=(selIndex==i);
                                        }
                                    }
                                    function al(obj,lissener,func){
                                        if(agt.indexOf('firefox')!=-1){
                                            obj.addEventListener(lissener,function(){eval(func);},false);
                                        }else{
                                            obj.attachEvent('on'+lissener,function(){eval(func);});
                                        }
                                    }
                                   
                            </script>

页面源码:<select name="select" id="LoftyYear" >
                        </select><asp:HiddenField ID="HiddenField2" runat="server" />
                        年
                        <select name="select2" id="LoftyMonth">
                        </select>
                        月
                        <select name="select3" id="LoftyDay">
                        </select>
                        日

这里必须用HTML标签!

后置代码获取值的方法:

function SetValue()
                                {
                                    var LoftyYear = document.getElementById("LoftyYear");
                                    var LoftyMonth = document.getElementById("LoftyMonth");
                                    var LoftyDay = document.getElementById("LoftyDay");
                                   
                                    var hid2 = document.getElementById("<%=HiddenField2.ClientID %>");
                                   
                                        for(i=0;i<LoftyYear.length;i++)
                                        {
                                            if(LoftyYear[i].selected==true)
                                            {
                                                var value1 = LoftyYear[i].innerText;
                                                hid2.value = value1;
                                            }
                                        }
                                        for(i=0;i<LoftyMonth.length;i++)
                                        {
                                            if(LoftyMonth[i].selected==true)
                                            {
                                                var value1 = LoftyMonth[i].innerText;
                                                hid2.value += "-" + value1;
                                            }
                                        }
                                        for(i=0;i<LoftyDay.length;i++)
                                        {
                                            if(LoftyDay[i].selected==true)
                                            {
                                                var value1 = LoftyDay[i].innerText;
                                                hid2.value += "-" + value1;
                                            }
                                        }
                                      
                                }

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

仿秀达人

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值