javascript下拉列表框操作大全
来源:互联网 发布:java线程池状态监控 编辑:程序博客网 时间:2024/04/30 00:49
<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN"><html><head><title>test01</title><mce:script language="JavaScript" type="text/javascript"><!--//移动下拉框被选中选项//fromSelId :源下拉框id//toSelId :目标下拉框idfunction moveOption(fromSelId,toSelId){var fromSel = document.getElementById(fromSelId);var toSel = document.getElementById(toSelId);if(fromSel==null||toSel==null){return false;}for(var i = 0;i < fromSel.options.length;i++){var _option = fromSel.options[i];//是否选中if(_option.selected){//往目标下拉框加添加选项toSel.appendChild(_option);i--;//下标变了}}}// --></mce:script></head><body bgcolor="abcdef"><form id='demoFrm' name="demoFrm" method="post" action="" ><table border="1" align="center" width="300"><tr><td colspan="3" align="center">下拉列表操作的演示</td></tr><tr><td align="center" width="100"><select multiple="multiple" size="10" id="leftSel"><option value="1">第一个理拉框的值1</option><option value="2">第一个理拉框的值2</option><option value="3">第一个理拉框的值3</option><option value="4">第一个理拉框的值4</option></select></td><td align="center" width="100"><input type="button" id="moveTwo" value="-->>" onclick="moveOption('leftSel','rightSel');"><br><input type="button" id="moveOne" value="<<--" onclick="moveOption('rightSel','leftSel');"></td><td align="center" width="100"><select multiple="multiple" size="10" id="rightSel"><option value="1">第二个理拉框的值1</option><option value="2">第二个理拉框的值2</option><option value="3">第二个理拉框的值3</option><option value="4">第二个理拉框的值4</option></select></td></tr></table></form><div id="showContent" style="font-size:30px;" mce_style="font-size:30px;"></div></body></html>
向select对象里添加option的2中常见方法
方法1:
var option = new Option(text,value);//注意参数1为文本显示值,参数为value值 selectobj.options.add(option);
方法2:
var option = document.createElement("option"); option.appendChild(document.createTextNode("text")); option.setAttribute("value","value"); selectobj.appendChild(option );
重要属性
1 ,options(为一个Option对象数组)
2 ,selectedIndex 为选中项的索引
重要方法
1, appencChild(option)添加一个选项
2, remove(0) 0表示索引号
- javascript下拉列表框操作大全
- [JavaScript]操作下拉列表
- [JavaScript][表单文本框&下拉列表框操作]
- javascript 操作 select下拉框 大全
- javascript对下拉列表框(select)的操作
- javascript对下拉列表框(select)的操作
- javascript对下拉列表框(select)的操作
- javascript对下拉列表框(select)的操作
- javascript对下拉列表框(select)的操作
- javascript对下拉列表框(select)的操作
- javascript对下拉列表框(select)的操作实例讲解
- Javascript之DOM(下拉列表操作)
- javaScript年份下拉列表框
- javascript 操作下拉框
- 下拉列表框双向选择操作
- Javascript 操作select下拉框
- javascript 操作 select下拉框
- Javascript 下拉框基本操作
- 一般企业网站存储过程锦集
- 一般企业网站表结构信息
- [AS3]Class小技巧:程序自动让对象向下转换
- ASP.NET中的缓存使用(1)
- 找出那个进程造成的死锁
- javascript下拉列表框操作大全
- 通过日志恢复数据库
- sql2005建立自动备份
- 使用xmanager 远程操作linux
- test
- 【首届Google暑期大学生博客分享大赛——2010 Andriod篇】我理想中的坦克大战游戏
- 从毕业设计看技术创造过程(原创)
- Linux下的CppUnit 的HelloWorld手记
- 内存管理