用web现实点菜

<head>

  <title>用web实现点菜</title>

  <script type="text/javascript">

    function move(obj1,obj2){ 

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

         if (obj1.options[i].selected) {

                        obj2.options.add(new Option(obj1.options[i].text, obj1.options[i].value));

                        obj1.remove(i);                

        }                     

       }

    }    

 

    function ToRight(){

      var left = document.getElementById("selLeft");

      var right = document.getElementById("selRight");

            move(left,right);

    }

 

    function ToLeft(){

      var right = document.getElementById("selRight");

      var left = document.getElementById("selLeft"); 

                move(right,left);

    }    

  </script>

</head>

<body>

  <select id="selLeft" multiple="multiple" style="width:100px; height:150px;">

         <option>鱼香肉丝</option>

         <option>西红柿炒蛋</option>

         <option>千张肉丝</option> 

        <option>啤酒鸭</option>

     </select> 

 

      <input type="button" value="-->" οnclick=" ToRight();" />

     <input type="button" value="<--" οnclick=" ToLeft();" />

 

     <select id="selRight" multiple="multiple" style="width:100px; height:150px;"></select>

</body>

转载于:https://www.cnblogs.com/meroselove/archive/2010/10/25/1860735.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值