JQuery中attr屬性和jQuery.data()學習筆記【必看】
666
2024-03-04
年月日的三級聯動
<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) })
感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!
#免責聲明#
本站[綠夏技術導航]提供的一切軟件、教程和內容信息僅限用于學習和研究目的;不得將上述內容用于商業或者非法用途,否則,一切后果請用戶自負。本站信息來自網絡收集整理,版權爭議與本站無關。您必須在下載后的24個小時之內,從您的電腦或手機中徹底刪除上述內容。如果您喜歡該程序或內容,請支持正版,購買注冊,得到更好的正版服務。我們非常重視版權問題,如有侵權請郵件[admin@lxwl520.com]與我們聯系進行刪除處理。敬請諒解!