function showTime(){
//获取年份
//先获取年下拉框对象
var yearNode = document.getElementById("years");
//yearNode.options.length=0;
//获取子节点
var children = yearNode.childNodes;
for(var i=0;i<children.length;){
yearNode.removeChild(children[i]);
}
for(var i=1990;i<=2016;i++){
//创建option节点
var optionYearNode = document.createElement("option");
//把年的值给新创建的标签中
optionYearNode[i] = i;
//设置属性
optionYearNode.innerHTML = optionYearNode[i];
//往年下拉框添加年份
yearNode.appendChild(optionYearNode);
}
}
//用了清空以后下拉列表就动不了了,这是怎么回事啊
var children = yearNode.childNodes;
for(var i=0;i<children.length;){
yearNode.removeChild(children[i]);
}
<select>里面有两个事件 一个是:onload、onchange
http://www.2cto.com/ebook/201404/46640.html
for(var i=0;i<children.length;){
yearNode.removeChild(children[i]);
}
这里少了i++
另外:
//把年的值给新创建的标签中
optionYearNode[i] = i;
这里应该是
optionYearNode.value = i;
吧
for(var i=0;i<children.length;){
var children = yearNode.childNodes;
for (var i = 0; i < children.length;) {
yearNode.removeChild(children[i]);
}
注意大小写
直接yearNode.options.length=0;就行了,写那么多代码干嘛。。