JS實現html下拉列表列表進行年月日選擇

2021-09-16 18:28:43 字數 1531 閱讀 6205

使用js實現年月日下拉列表的選擇

如下圖：

具體操作：

兩個js檔案，設定效果

在.html中匯入兩個外部js檔案

jquery.time.js

$(function () );


});
birthday.js

(function($);


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++) 


// 日列表(僅當選擇了年月)


function buildday() else 


break;


default:


break;


}var daysel = $dayselector.attr("rel");


for (var i = 1; i <= daycount; i++) }}


$monthselector.change(function () );


$yearselector.change(function () );


if($dayselector.attr("rel")!="")


} // end ms_datepicker


});})(jquery);
在.html檔案的head內匯入script

主體部分的年月日元件**

請選擇


年請選擇


月請選擇


日

html下拉列表ddl

今天網速好，寫點什麼呢？1.建立乙個下拉列表 select id users name users option value 1 男option option value 0 女option select 2.清空option document.getelementbyid users option...

JS操作下拉列表

1 往下拉框中新增選項 var item new option title,value document.all.ddlname.add item 2 刪除下拉框中的某一項 var obj document.getelementbyid ddlname obj.remove obj.options ...

HTML用DIV CSS實現下拉列表

html pages portfolio blog shop features css body title title h1 title ul title ul li title ul li a title ul li a hover home ul title home ul li title ...