从一个下拉列表往另一个下拉列表添加内容
2011-12-04 13:15
357 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> </head> <body> <select name="oldSelect" size="5" multiple="multiple" id="oldSelect"> <option value="北京">北京</option> <option value="上海">上海</option> <option value="武汉">武汉</option> <option value="重庆">重庆</option> <option value="湖北">孝感</option> </select> <input type="button" name="btnMove" id="btnMove" value="移动" /> <select name="newSelect" id="newSelect"> </select> <script type="text/javascript"> <!-- var oldSel=document.getElementById("oldSelect"); var newSel=document.getElementById("newSelect"); var move=document.getElementById("btnMove"); var newOption; move.onclick=function(){ var selectedIndexes=getSelectedIndexes(oldSel); for(var i=0;i<selectedIndexes.length;i++){ optionText=oldSelect.options[selectedIndexes[i]].text; optionValue=oldSelect.options[selectedIndexes[i]].value; newOption= new Option(optionText,optionValue); newSel.options.add(newOption); } } //将选择项目的索引放进数组 function getSelectedIndexes(oldSel){ var selectedIndexes=new Array(); for(var i=0;i<oldSel.options.length;i++){ if(oldSel.options[i].selected){ selectedIndexes[selectedIndexes.length]=i; } } return selectedIndexes; } //--> </script> </body> </html>
相关文章推荐
- 关于下拉列表Dropdownlist添加内容的问题
- javascript操作两个选择列表(有两个列表,如何实现在一个列表通过双击和多选列表中内容添加到另一个列表. )
- 【PB】动态添加数据窗口列中下拉列表的内容
- 【转】【PB】动态添加数据窗口列中下拉列表的内容
- MFC中的combobox下拉列表添加了下拉项但是运行时不显示下拉列表内容。
- 使用JavaScript以,号分割文本框内容为数组并添加到下拉列表
- 动态的给下拉列表添加内容
- 表格中用js左右添加从下拉列表中选择的内容
- 关于下拉列表Dropdownlist添加内容的问题
- javaScript实现从一个下拉列表到另一个下拉列表
- 实现密码框的内容校验,并实现下拉列表的所列的展示形式
- select 下拉列表(添加,删除option对象)
- Demo-jQuery下拉列表内容联动
- Ajax动态为下拉列表添加数据的实现方法
- select下拉列表, 从数据库查询,动态添加选项option
- 列表之间内容相互移动,列表添加元素
- 固定宽度下拉列表中option内容显示不全问题解决方法
- WSS3SDK之:向列表添加内容类型中的栏
- 解决IE8固定宽度下拉列表中option内容显示不全问题
- android spanner下拉列表内容居中