欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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来设置

上一篇:

下一篇: