原生JS實現日期選擇

js宣告方法

/*

*生日下拉框
*把sel_year、sel_month、sel_day修改即可
*/var birthday1 =;
var opts =$.extend({}, defaults, options);
var $yearselector =$(opts.yearselector);
var $monthselector =$(opts.monthselector);
var $dayselector =$(opts.dayselector);
var firsttext =opts.firsttext;
var firstvalue =opts.firstvalue;
//初始化
var str = "" + firsttext + "";
$yearselector.html(str);
$monthselector.html(str);
$dayselector.html(str);
//年份列表
var yearnow = new
date().getfullyear();
var yearsel = $yearselector.attr("rel");
for (var i = yearnow; i >= 1900; i--) 
//月份列表
var monthsel = $monthselector.attr("rel");
for (var i = 1; i <= 12; i++) 
else
}//日列表(僅當選擇了年月)
function
buildday()  
else
break
;                    
default
:                        
break
;                }
var daysel = $dayselector.attr("rel");
for (var i = 1; i <= daycount; i++) `
}else`}}}
}$monthselector.change(
function
() );
$yearselector.change(
function
() );
if($dayselector.attr("rel")!="")
}}

html

<

select 
id="year"
rel="2020"
>
select
>
年<
select 
id="month"
rel="05"
>
select
>
月<
select 
id="day"
rel="12"
>
select
> 日

js呼叫

$(function

() );
//呼叫三個下拉框點選事件
birchange("year");
birchange("month");
birchange("day")；
}

下拉框點選事件

function

birchange(field),
success:
function
(res)
window.location.reload();}})
})}

後台就是表單接收字段，就不獻醜了

原生js學習 選擇dom

連bootstrap5 都拋棄jquery了，重新使用原生js來寫，所以最近在學習原生js。一 選擇dom元素 id1 let sure document.getelementbyid sure 返回值 是乙個dom元素，因為id在乙個文件 document 中，是唯一，所以返回乙個dom物件。cl...

原生js實現Ajax

一般來說，大家可能都會習慣用jquery提供的ajax方法，但是用原生的js怎麼去實現ajax方法呢？jquery提供的ajax方法 ajax success function error function 原生js實現ajax方法 var ajax obj.send post function u...

原生js實現Ajax

ajax success function error function 原生js實現ajax方法 var ajax xhr.send datat應為 a a1 b b1 這種字串格式，在jq裡如果data為物件會自動將物件轉成這種字串格式 post function url,data,fn xhr...