JS两种增加SELECT 下的option方法
2011-11-09 08:21
363 查看
第一种方法:
第二种方法:
<script language="javascript"> window.onload = function() { var opt = document.createElement('option'); opt.appendChild(document.createTextNode("上海")); opt.setAttribute("value","C3"); sel.appendChild(opt); }; </script> <h1>表单</h1> <form name="fm1" id="fm1" > <select name="city"> <option value="A1">A</option> <option selected="selected" value="B1">B</option> <option value="C1">C</option> </select> <label>Label</label> </form>
第二种方法:
<script language="javascript"> window.onload = function() { var fm = document.getElementById('fm1'); var sel = fm.city; var opt = new Option("上海","C3"); //有下标,与没有下标的状况IE与FIREFOX一样 addOpt(sel,opt); addOpt(sel,opt,2); }; /*FireFox: select.add(新加入的option,null); select.add(新加入的option,要放到哪个option之前的-Option对象); IE : select.add(新加入的option); select.add(新加入的option,下标); */ function addOpt(sel,opt,index) { //addOpt(Select对象,新加入的opt,插入的下标) var IE = navigator.userAgent.indexOf("MSIE")>-1; if (IE) { sel.add(opt,index); } else { sel.add(opt,index===undefined?null:sel.options[index]); } return sel; } </script> <h1>表单</h1> <form name="fm1" id="fm1" > <select name="city"> <option value="A1">A</option> <option selected="selected" value="B1">B</option> <option value="C1">C</option> </select> <label>Label</label> </form>
相关文章推荐
- 使用js 在IE和火狐firfox 里动态增加select 的option
- js添加select下默认的option的value和text的方法
- 利用js给datalist或select动态添加option选项的方法
- 关于JS获取select值的两种实现方法
- js select 增加option
- JS获取select-option-text_value的方法
- js 动态 增加 删除 select 子项 option
- js添加select下默认的option的value和text的方法
- select中的option设置多个值,用js中的JSON.parse()方法解析
- 关于JS获取select值的两种实现方法
- JS更改select内option属性的方法
- JS实现Select的option上下移动的方法
- JS更改select内option属性的方法
- 使用js 在IE和火狐firfox 里动态增加select 的option
- 两种方法获取select下拉框选中的option的值
- JS获取select-option-text_value的方法
- javascript动态添加select的option两种方法
- js+jquery动态设置/增加/删除/获取元素属性的两种方法集锦对比(动态onclick属性设置+动态title设置)
- 关于JS获取select值的两种实现方法