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

最新推荐文章于 2020-04-08 21:50:40 发布

xiongchao2011

最新推荐文章于 2020-04-08 21:50:40 发布

阅读量1.8k

点赞数

分类专栏： Javascript 文章标签： function xhtml button html 文档

本文链接：https://blog.csdn.net/xiongchao2011/article/details/7039218

版权

Javascript 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

<!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.οnclick=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>

xiongchao2011

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
从一个下拉列表往另一个下拉列表添加内容

无标题文档北京上海武汉重庆孝感<!-- var oldSel=document.getElementById("oldSelect"); var newSel=document.getElementById("newSelect"); var move=document.getElementById("btnMove"); var ne
复制链接

扫一扫

专栏目录