最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

JavaScript关于select的相关操作说明_表单特效

来源:懂视网 责编:小采 时间:2020-11-27 20:46:51
文档

JavaScript关于select的相关操作说明_表单特效

JavaScript关于select的相关操作说明_表单特效:一、 插入option 1、DOM方法 var oSelectYear = document.getElementById(SelectYear); var op = document.createElement(option); op.innerHTML = 2010; op.value = 2010; oSelectYear.ap
推荐度:
导读JavaScript关于select的相关操作说明_表单特效:一、 插入option 1、DOM方法 var oSelectYear = document.getElementById(SelectYear); var op = document.createElement(option); op.innerHTML = 2010; op.value = 2010; oSelectYear.ap

一、 插入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来设置

文档

JavaScript关于select的相关操作说明_表单特效

JavaScript关于select的相关操作说明_表单特效:一、 插入option 1、DOM方法 var oSelectYear = document.getElementById(SelectYear); var op = document.createElement(option); op.innerHTML = 2010; op.value = 2010; oSelectYear.ap
推荐度:
标签: 特效 js 操作方法
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top