当前位置: 移动技术网 > IT编程>开发语言>JavaScript > JavaScript关于select的相关操作说明

JavaScript关于select的相关操作说明

2019年07月19日  | 移动技术网IT编程  | 我要评论
一、 插入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来设置

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网