从一个下拉列表往另一个下拉列表添加内容

来源:互联网 发布:大数据时代的电子商务 编辑:程序博客网 时间:2024/04/27 18:44
<!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>

原创粉丝点击