2. 程式人生 > >javascript年月日三級聯動下拉框

javascript年月日三級聯動下拉框

阿新 • • 發佈：2019-01-08
/* 在你的頁面需要這三條html程式碼 <select id="y" onchange="funy(this)"></select> <select id="m" onchange="funm(this)"></select> <select id="d"></select> */ var y = document.getElementById('y'); var m = document.getElementById('m'
); var d = document.getElementById('d'); var D = new Date(); var yy = D.getFullYear(); //年 var mm = parseInt(D.getMonth()) + 1; //現在是8月，月份獲取是7月。一臉懵逼！ var dd = D.getDate(); //日 var oyy = 10 * (yy - 100).toString().substr(0,3); //計算最小年 o = old
var marr = [1,3,5,7,8,10,12]; //列出31天的月份 var add; //初始化每月天數 a = all starty(); //開始生成年下拉列表 startm(); //開始生成月下拉列表 startd(dd,mm,yy); //開始生成日下拉列表 // 生成年下拉列表 function starty(){ // 初始化 var
pyy = document.createElement('option'); pyy.innerText = '選擇 年'; pyy.value = 0; y.appendChild(pyy); // 迴圈出所有年 for(i=yy;i>=oyy;i--){ pyy = document.createElement('option'); pyy.innerText = i + ' 年'; pyy.value = i; y.appendChild(pyy); } } // 生成月下拉列表 function startm(){ // 初始化 var pmm = document.createElement('option'); pmm.innerText = '選擇 月'; pmm.value = 0; m.appendChild(pmm); // 判斷是否選擇了年 if(y.selectedOptions[0].value == 0) return; // 迴圈出所有月 for(i=1;i<=12;i++){ pmm = document.createElement('option'); pmm.innerText = i + ' 月'; pmm.value = i; m.appendChild(pmm); } } function startd(mm,yy){ // 初始化 var pdd = document.createElement('option'); pdd.innerText = '選擇 日'; pdd.value = 0; d.appendChild(pdd); // 判斷是否選擇了月 if(m.selectedOptions[0].value == 0) return; var day = isadd(mm,yy); // 迴圈出所有日 for(i=1;i<=day;i++){ pdd = document.createElement('option'); pdd.innerText = i + ' 日'; pdd.value = i; d.appendChild(pdd); } } // 判斷併產生該月的天數 function isadd(mm,yy){ if(marr.indexOf(parseInt(mm)) != -1){ add = 31; } else{ add = 30; if(mm == 2 && yy % 4 == 0){ add = 29; } else if(mm == 2 && yy % 4 != 0){ add = 28; } } return add; } // 年份改變時呼叫 function funy(obj){ m.innerHTML = null; d.innerHTML = null; var yy = obj.selectedOptions[0].value; startm(); startd(dd,mm,yy); } // 月份改變時呼叫 function funm(obj){ d.innerHTML = null; var yy = y.selectedOptions[0].value; var mm = obj.selectedOptions[0].value; startd(mm,yy); }

相關推薦

javascript年月日三級聯動下拉框

/* 在你的頁面需要這三條html程式碼 <select id="y" onchange="funy(this)"></select> <select id="m" onchange="fu

原生的三級聯動下拉框

for .org char endif cti ima nal height local 最近在工作中遇到了一個需要三級聯動的功能,之前也只用到過地區聯動的三級菜單,還是用的插件,這次就不沒那麽好了,沒辦法,自己寫咯,我下面的寫出來的是原生的;寫的不好,不要噴我 一共有三個

前端省市區（縣）三級聯動下拉框

呼叫省市區的思想要先確定下來，一般是有多處呼叫，所以將省市區三級聯動抽取為工具js！ 靜態頁面例子： <html> <head> <script type="text/javascript" src="address.js"></script

基於Vue的三級聯動下拉框

展示 html部分 使用v-model設定和獲取select的值 使用v-for顯示option列表 使用:value設定option屬性 使用{{}}輸出內容 <div i

JSON+JS實現省市縣三級聯動下拉框

function Area(selector){ if (!Area.ALL_AREAS) { throw new Error('areas not init！'); } this.selector = selector; $(this.selecto

初學ajax，實現使用者名稱重複提示、二級/三級聯動下拉框

初學ajax，實現非同步操作！                 以下為三級聯動下拉框部分程式碼 jsp頁面部分程式碼 <table> <tr> <th>下拉框:</th> &l

Android實現三級聯動下拉框 下拉列表spinner

布局 idt ets county wid 分享圖片 n) 技術分享 parent 主要實現辦法：動態加載各級下拉值的適配器 在監聽本級下拉框，當本級下拉框的選中值改變時，隨之修改下級的適配器的綁定值 XML布局：

省市區三級聯動選單實現及三級聯動下拉列表框預設值的設定

以下是HTML程式碼<html> <body> <label for="select_city">城市</label> <div data-role="controlgroup" id="select_p_c_a" data-ajax="false"&g

兩級聯動下拉框的簡單實現

最近經常用到二級選單的情況，改變一個另一個跟著變化。自己寫了一個簡單的JSP頁面，大家給點意見，另外大家這種情況都是怎麼做的，當然Ajax除外！[code]<%! public final String _JS_GET_METHOD_NAME="_do_get_seco

簡單的js日期三級聯動下拉程式碼

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html

js省市縣三級聯動下拉列表的示例

function selectOnChange(SelId,toSelId){//document.getElementById(toSelId).innerHTML="";$.ajax({url:"<%=basePath%>medium/findAreaByParentId.do",type:"

利用ajax實現二級聯動下拉框

下拉框二級聯動，用ajax來實現是已經非常成熟的技術了。但對於我這個java菜鳥來說，真的是費了九牛二虎之力，各種百度，各種測試。終於得以實現。程式碼相對於網上的容易理解些。現把程式碼和我在編寫的過程中遇到的問題貼出來，對自己也是一個總結，同時也希望能幫助到跟我一樣的菜鳥。

android：省市二級聯動下拉框

xml佈局檔案： <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android

自己總結封裝了多級聯動下拉框js

/*支援多級下拉框 * data:查詢出來的所有資料，經過處理縮排的多級資料。子集用固定child, * pdata:選中的資料。字串用逗號隔開例：'4,57,557'如果沒有就空字串''; *

使用exceljs匯出部門-職位聯動下拉框的excel

import { Workbook } from 'exceljs'; /////////////////////////////// const wb = new Workbook(); const ws = wb.addWorksheet('tb'); const d

三級聯動下拉菜單

eve XML sel height div 修改 後臺 html parse js代碼： <!doctype html> <html> <head> <meta charset="utf-8"> <title>

ASP.NET兩級聯動下拉框

　　介紹一個剛做的例子吧！ 　　使用者在提出問題時需要選擇物件機構，而物件機構的分類在一個叫做category的表中儲存。下面介紹一下使用者從分類下拉框中選擇分類後出現機構下拉框。 　　前臺頁面中放置兩個下拉框： 分類：<asp:dropdownlist id="ddl

ajax實現三級聯動下拉選單

  老師最近給了個小任務，排課系統中，將老師的的課表顯示出來，要用到下拉選單三級聯動，在網上找了很多資料，但是看別人的程式碼太吃力了，只要思路清晰，何不自己動手敲一個出來。這裡別看我的程式碼，看思路就好了。 要求：選擇第一個下拉選單的某個選項之後，第二個下拉選單的選項要隨

用jquery寫的json省市縣三級聯動下拉

<form action="#" name="myform"> <label>省</label><select name="provice" id="provice"><option value="-1">請輸入

sharepoint2010實現聯動下拉框（不用程式碼）

近期由於實習需要，開始學習sharepoint. 之前對於sharepoint是完全不瞭解，連聽都沒聽過。不過從現在開始瞭解啦。 公司近期將原來用的sharepoint2007升級為2010的，很多功能是2007不能實現的。比如這個聯動下拉框的實現，在sharepoint2