JavaScript关于select的相关操作说明
程序员文章站
2023-12-11 23:29:10
一、 插入option 1、dom方法 var oselectyear = document.getelementbyid("selectyear"); var op =...
一、 插入option
1、dom方法
var oselectyear = document.getelementbyid("selectyear");
var op = document.createelement("option");
op.innerhtml = "2010";
op.value = "2010";
oselectyear.appendchild(op);
2、new option方法
var oselectmonth = document.getelementbyid("selectmonth");
oselectmonth.options.add(new option(1, 1));
oselectmonth.options.add(new option(2, 2));
二、 清空option
var oselectmonth = document.getelementbyid("selectmonth");
oselectmonth.options.length = 0; //清空select里面的options
三、 设置默认选中option
var oselectmonth = document.getelementbyid("selectmonth");
//oselectmonth.selectedindex = 1; //方法一:默认选中第二项
//settimeout(function() { oselectmonth.selectedindex = 1; }, 0); //用settimeout延迟是为了防止dom渲染问题
// oselectmonth.options[1].selected = true; //方法二
oselectmonth.options[1].setattribute("selected", "true"); //方法三:比较推荐的用setattribute来设置
1、dom方法
var oselectyear = document.getelementbyid("selectyear");
var op = document.createelement("option");
op.innerhtml = "2010";
op.value = "2010";
oselectyear.appendchild(op);
2、new option方法
var oselectmonth = document.getelementbyid("selectmonth");
oselectmonth.options.add(new option(1, 1));
oselectmonth.options.add(new option(2, 2));
二、 清空option
var oselectmonth = document.getelementbyid("selectmonth");
oselectmonth.options.length = 0; //清空select里面的options
三、 设置默认选中option
var oselectmonth = document.getelementbyid("selectmonth");
//oselectmonth.selectedindex = 1; //方法一:默认选中第二项
//settimeout(function() { oselectmonth.selectedindex = 1; }, 0); //用settimeout延迟是为了防止dom渲染问题
// oselectmonth.options[1].selected = true; //方法二
oselectmonth.options[1].setattribute("selected", "true"); //方法三:比较推荐的用setattribute来设置