select多选的时候可以一次移动多个，现在每次只能一个解决方案-JavaSript-爱易网页

select多选的时候可以一次移动多个，现在每次只能一个解决方案

日期：2014-05-16　浏览次数：20366 次

select多选的时候可以一次移动多个，现在每次只能一个
当在左侧选择多个后，点击添加，一次只能过去一个。
如何修改成一次把选择后的都添加过去？
谢谢了！
代码如下：

HTML code

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script language="javascript">
var base;

function SelectOne() {
  if (form1.beixuan.options.length == 0 || form1.beixuan.selectedIndex < 0) {
    return false;
  }
  base = 0;
  for (var j = 0; j < form1.yixuan.options.length; j++) {
    if (form1.beixuan.options[form1.beixuan.selectedIndex].value == form1.yixuan.options[j].value) {
      base = 1;
      break;
    }
  }
  if (base == 0) {
    var e = document.createElement("OPTION");
    e.value = form1.beixuan.options[form1.beixuan.selectedIndex].value;
    e.text = form1.beixuan.options[form1.beixuan.selectedIndex].text;
    form1.yixuan.options.add(e);
  }
  form1.beixuan.options.remove(form1.beixuan.selectedIndex);
}

function BackOne() {
  if (form1.yixuan.options.length == 0 || form1.yixuan.selectedIndex < 0) {
    return false;
  }
  base = 0;
  for (var j = 0; j < form1.beixuan.options.length; j++) {
    if (form1.yixuan.options[form1.yixuan.selectedIndex].value == form1.beixuan.options[j].value) {
      base = 1;
      break;
    }
  }
  if (base == 0) {
    var e = document.createElement("OPTION");
    e.value = form1.yixuan.options[form1.yixuan.selectedIndex].value;
    e.text = form1.yixuan.options[form1.yixuan.selectedIndex].text;
    form1.beixuan.options.add(e);
  }
  form1.yixuan.options.remove(form1.yixuan.selectedIndex);
}
</script>
</head>

<body>
<form method='post' name='form1' id='form1' onSubmit="return false">
 <table width='100%' cellspacing='1'>
  <tr>
   <td colspan=2 class="p10"><table width='100%' cellspacing='1'>
     <tr align='center'>
      <td><select multiple id='beixuan' name='beixuan' style="display:inline;width:100%;" size='9' rows='9' ondblclick="javascript:SelectOne();">
        <option value=1>用户1 [商务部]</option>
        <option value=2>用户2 [商务部]</option>
        <option value=3>用户3 [管理部]</option>
        <option value=4>用户4 [公安部]</option>
        <option value=5>用户5 [公安部]</option>
        <option value=6>用户6 [外交部]</option>
        <option value=7>用户7 [外交部]</option>
       </select></td>
      <td valign='center' width='40'>
      <input type="button" value="添加" onClick="javascript:SelectOne();" name="B1"><br /><br />
      <input type="button" value="移除" onClick="javascript:BackOne();" name="B2">
      </td>
      <td class=row><select multiple id='yixuan' name='yixuan' style="display:inline;width:100%;" size=9 rows=9 ondblclick="javascript:BackOne();">
       </select></td>
     </tr>
    </table></td>
  </tr>
 </table>
</form>
</body>
</html>

------解决方案--------------------
JS代码：
function SelectItems()
{
var selectItems=document.getElementById("beixuan").options;
var tranItems=document.getElementById("yixuan").options;

for(var i=0; i < selectItems.length; i++)
{
if(selectItems[i].selected)
{
//alert(selectItems[i].value);
var oOption = document.createElement("OPTION");

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

select多选的时候可以一次移动多个，现在每次只能一个解决方案

相关资料更多>

推荐阅读更多>