一个日期联动选择器，年月日联动显示，准确显示日期（包括闰年日期），可自定义日期范围。
效果预览：
年 月 日
你选择的日期：
程序说明
【select】
先说清空一个select，最简单的方法是把options的length设为0就可以了：
oSelect.options.length =0 ;
给select添加option，有多个方法，如果用dom的标准方法是：
var op =document.createElement(“option “); op.value =i; op.innerHTML =i; oSelect.appendChild(op);
对于option有更方便的方法：
oSelect.options.add(new Option(i, i));
其中new Option的第一个参数是显示的文本值，第二个是value值。
利用options.add的第二个可选参数可以把options插入到指定的索引位置，还有一个remove方法可以移除指定索引的options。
要注意的是options下标从0开始。
不过我这里用了一个看来比较笨的方法：
CodeoSelect.options.length =iLength;
for (var i =0 ; i <iLength; i ++) { oSelect.options[i].text =oSelect.options[i].value =iStart +i; }
别看这么笨，却是最有效率的，而且不用每次都清空select，下面可以测试一下：
下面是完整测试代码：
Codevar testSel =document.getElementById("testSel "), testShow =document.getElementById("testShow "), iMin =0 , iMax =1000 , dt;
testShow.innerHTML ="";
dt =new Date().getTime();
var len =iMax -iMin +1 ; testSel.options.length =len;
for (var i =0 ; i <len; i ++) { testSel.options[i].text =testSel.options[i].value =iMin +i; }
testShow.innerHTML +="笨方法："+(new Date().getTime()-dt)+"毫秒；";
dt =new Date().getTime();
testSel.options.length =0 ;
for (var i =iMin; i
还有一个更快的方法，就是使用outerHTML，但这个会对select本身操作而且不兼容就不推荐了。
最后就是设置默认项，一般的方法是设置selectedIndex属性：
oSelect.selectedIndex =iIndex;
但要注意的是在ie6如果用dom方法创建option，然后立即设置selectedIndex会无效。
可以测试一下（在ie6测试）：
测试代码：
Code原创文章受到原创版权保护。转载请注明出处：https://www.johngo689.com/535920/
转载文章受原作者版权保护。转载请注明原作者出处！