将左边的内容点击按钮添加到右边去谁会做

zjzb0409 2008-11-07 09:16:42

谁有这样效果的代码左边选择然后点增加就到右边了可以选择多个然后点删除可以讲右边的内容删除掉

左边--学龄前-- 这种是类型的提示不让选择包括后便的 --小学-- --中学-- 这种不让选但是他下边的内容让选！！
如图

...全文

403 9 打赏收藏举报

写回复

9 条回复

切换为时间正序

当前发帖距今超过3年，不再开放新的回复

发表回复

Eagle_ice 2008-11-09

额 3 4楼的很强大...

打赏
举报

回复赞

zjzb0409 2008-11-09

功能到是好用就是还差点左边的列表里边的内容是都可以添加过去的。。我希望的是类名是不能添过去的
例如 --学龄前-- 这段字就不让填到右边包括之后每一段的类别名不让填加到右边

打赏
举报

回复赞

luxiaoshuai 2008-11-08

唉,不给我机会啊...

打赏
举报

回复赞

struggle1 2008-11-08

学习中.....

打赏
举报

回复赞

lawrendc 2008-11-07

[Quote=引用 2 楼 zjzb0409 的回复:]
大侠贴代码。。。。。。
[/Quote]

还是代码来得实在....

打赏
举报

回复赞

西安风影 2008-11-07

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<script language="javascript">

<!--

function moveOption(e1,e2)

{

  try

  {

    for(var i=0;i<e1.options.length;i++)

    {

      if(e1.options[i].selected)

      {

        var e = e1.options[i];

        e2.options.add(new Option(e.text, e.value));

        e1.remove(i);

        i=i-1

      }

    }

    document.getElementById('city').value=getvalue(document.getElementById('list2'));

  }

  catch(e){}

}

function getvalue(geto)

{

  var allvalue = "";

  for(var i=0;i<geto.options.length;i++)

  {

    allvalue +=geto.options[i].value + ",";

  }

  return allvalue;

}

//-->

</script>

</head>

<body>

<form id="myform" name="myform" method="post">

  <table align="center" width="180" border="0">

    <tr>

      <td width="80" align="center">

        <select style="width:100%" multiple id="list1" name="list1" size="6" ondblclick="moveOption(this, document.getElementById('list2'))">

          <option value="北京">北京</option>

          <option value="上海">上海</option>

          <option value="重庆">重庆</option>

          <option value="天津">天津</option>

          <option value="陕西">陕西</option>

        </select>

      </td>

      <td width="20" align="center">

        <input type="button" value="添加" onclick="moveOption(document.getElementById('list1'), document.getElementById('list2'))"><br><br>

        <input type="button" value="删除" onclick="moveOption(document.getElementById('list2'), document.getElementById('list1'))">

      </td>

      <td width="80" align="center">

        <select style="width:100%" multiple id="list2" name="list2" size="6" ondblclick="moveOption(this, document.getElementById('list1'))">

        </select>

      </td>

    </tr>

  </table>

  <div align="center"><input type="text" id="city" name="city" size="23" /></div>

</form>

</body>

</html>

打赏
举报

回复赞

neo_yoho 2008-11-07



<script>

function moveselect(obj,target,all){

if (!all) all=0

if (obj!="[object]") obj=eval("document.all."+obj)

target=eval("document.all."+target)

if (all==0)

{

   while (obj.selectedIndex>-1){

   //alert(obj.selectedIndex)

   mot=obj.options[obj.selectedIndex].text

   mov=obj.options[obj.selectedIndex].value

   obj.remove(obj.selectedIndex)

   var newoption=document.createElement("OPTION");

   newoption.text=mot

   newoption.value=mov

   target.add(newoption)

   }

}

else

{

  //alert(obj.options.length)

  for (i=0;i<obj.length;i++)

   {

   mot=obj.options.text

   mov=obj.options.value

   var newoption=document.createElement("OPTION");

   newoption.text=mot

   newoption.value=mov

   target.add(newoption)

   }

obj.options.length=0



}



}

</script>

<table border="1" width="373" id="table3" bordercolor="#000000" bgcolor="#FFFFFF" style="border-collapse: collapse" cellspacing="3" cellpadding="0" class=bd>

  <tr>

    <td>

      <table border="1" width="100%" id="table4" style="border-collapse: collapse" bordercolor="#808080" cellpadding="2" bgcolor="#EDF3F3" cellspacing="0">

        <tr>

          <td width="117" class=song_black_14 align="right">

            <p align="left"> <font size="2">111</font>

                <select size="14" name="D1" ondblclick="moveselect(this,'D2')" multiple style="width:140px">

                  <option value="AAA">AAA</option>

                  <option value="SSS">SSS</option>

                  <option value="DDD">DDD</option>

                </select>

          </td>

          <td width="117" class=song_black_14 align="right">           

            <p align="center">

              <input type="button" value="<" name="B5" onclick="moveselect('D2','D1')">

            <p align="center">

              <input type="button" value=">" name="B6" onclick="moveselect('D1','D2')">

          </td>

          <td width="117" class=song_black_14 align="right">

            <p align="left"> <font size="2">222</font>

                <select size="14" name="D2" ondblclick="moveselect(this,'D1')" multiple style="width:140px">

                  <option value="ZZZ">ZZZ</option>

                  <option value="XXX">XXX</option>

                </select>

          </td>

        </tr>

    </table></td>

  </tr>

</table>

</body>

</html>