您好,登录后才能下订单哦!
密码登录
登录注册
点击 登录注册 即表示同意《亿速云用户服务条款》
这篇文章主要介绍“用PHP实现年月日的三级联动”,在日常操作中,相信很多人在用PHP实现年月日的三级联动问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”用PHP实现年月日的三级联动”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!
年月日的三级联动
<input type="text" id="hs"> <input type="button" id="btn" value="提交"> <span id="rent"></span>
这个年月日的三级联动 主要是用的select标签
var str = "<select id='year'></select> <select id='month'>" + "</select> <select id='day'></select>"; $("#rent").html(str); fullyear(); fullmonth(); fullday(); //当其中一个改变,后面的要跟着改变 $("#year").change(function(){ fullday(); }); $("#month").change(function(){ fullday(); }); function fullyear() { var d = new Date(); var year = d.getFullYear(); str =""; for(var i=year-5;i<year+6;i++) { if(i==year) { str += "<option selected='selected' value='"+i+"'>"+i+"</option>"; } else { str +="<option value='"+i+"'>"+i+"</option>" } } $("#year").html(str); } function fullmonth() { var d = new Date(); var month = d.getMonth()+1; str =""; for(var j=1;j<13;j++) { if(j==month) { str += "<option selected='selected' value='"+j+"'>"+j+"</option>"; } else { str +="<option value='"+j+"'>"+j+"</option>" } } $("#month").html(str); } function fullday() { var d = new Date(); var day = d.getDate(); var year=$("#year").val(); var month=$("#month").val(); var rq=31; str =""; if(month==4|| month==6|| month==9|| month===11) { rq=30; } else if(month==2) { if(year%4==0 && year%100!=0 || year%400==0) { rq=29;//闰年 } else{ rq=28; //不是闰年 } } for(var n=1;n<rq+1;n++) { if(n==day) { str +="<option selected='selected' value='"+n+"'>"+n+"</option>"; } else { str +="<option value='"+n+"'>"+n+"</option>"; } } $("#day").html(str); } //到这里就完成了下拉列表的内容了,下一步要做的是把内容存到表单中
$("#btn").click(function(){ var nian=$("#year").val(); var yue=$("#month").val(); var ri=$("#day").val(); var time=nian+"-"+yue+"-"+ri+""; $("#hs").val(time) })
到此,关于“用PHP实现年月日的三级联动”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注亿速云网站,小编会继续努力为大家带来更多实用的文章!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。