<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    簡易代碼之家

      BlogJava :: 首頁 :: 聯系 :: 聚合  :: 管理
      157 Posts :: 2 Stories :: 57 Comments :: 0 Trackbacks
    效果如圖:

    代碼如下:
     1<!DOCTYPE   html   PUBLIC   "-//W3C//DTD   XHTML   1.0   Transitional//EN"   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
     2<html xmlns="http://www.w3.org/1999/xhtml">
     3    <head>
     4        <meta http-equiv="Content-Type" content="text/html;   charset=gb2312" />
     5        <title>多選框傳值</title>
     6        <script type="text/javascript">   
     7          function toRight(){   
     8              var sel1 = document.getElementById("s1");   
     9              var sel2 = document.getElementById("s2");
    10              for(i=0;i<sel1.length;i++){
    11                if(sel1.options[i].selected){
    12                  var target = true;
    13                  for(var j=0;j<sel2.length;j++){
    14                    if(sel1.options[i].text==sel2.options[j].text){
    15                        target = false;
    16                        break;
    17                    }

    18                  }

    19                  if(target){
    20                      var oOption = document.createElement("option");
    21                      sel2.options.add(oOption,parseInt(sel1.options[i].value));   
    22                      oOption.text = sel1.options[i].text;   
    23                      oOption.selected = false
    24                  }

    25                }

    26              }

    27          }

    28          function toLeft(){   
    29              var sel2 = document.getElementById("s2");
    30              for(i=sel2.length-1;i>-1;i--){
    31                if(sel2.options[i].selected){
    32                    sel2.remove(i);
    33                }

    34              }

    35          }
       
    36          
    </script>
    37    </head>
    38    <body>
    39        <table>
    40            <tr>
    41                <td>
    42                    <select id="s1" multiple="multiple"
    43                        style="width: 100px; height: 100px">
    44                        <option value="1">
    45                            o1Text
    46                        </option>
    47                        <option value="2">
    48                            o2Text
    49                        </option>
    50                        <option value="3">
    51                            o3Text
    52                        </option>
    53                        <option value="4">
    54                            o4Text
    55                        </option>
    56                        <option value="5">
    57                            o5Text
    58                        </option>
    59                    </select>
    60                </td>
    61                <td>
    62                    <input type="button" value=">" onclick="toRight();">
    63                    <br />
    64                    <input type="button" value="<" onclick="toLeft();">
    65                </td>
    66                <td>
    67                    <select id="s2" multiple="multiple"
    68                        style="width: 100px; height: 100px">
    69                    </select>
    70                </td>
    71            </tr>
    72        </table>
    73    </body>
    74</html>
    75
    posted on 2009-09-21 12:22 Jakin.zhou 閱讀(273) 評論(0)  編輯  收藏

    只有注冊用戶登錄后才能發表評論。


    網站導航:
     
    主站蜘蛛池模板: 国产亚洲综合一区柠檬导航| 久久久精品2019免费观看| 久久久久久亚洲精品无码| 日韩亚洲产在线观看| 99久久婷婷国产综合亚洲| 亚洲AV无码国产精品色| 亚洲午夜电影在线观看高清| 亚洲午夜久久久久久尤物| 亚洲永久中文字幕在线| 亚洲国产成AV人天堂无码| 亚洲a级在线观看| 亚洲视频在线观看2018| 亚洲欧美中文日韩视频| 国产精品亚洲片在线花蝴蝶| 麻豆91免费视频| 久久国产一片免费观看| 97国免费在线视频| 久久久久久影院久久久久免费精品国产小说 | 成人AV免费网址在线观看| 野花高清在线观看免费3中文| 国产卡一卡二卡三免费入口| 免费看美女让人桶尿口| 四虎永久免费观看| 国产亚洲成人在线播放va| 亚洲国产精品无码久久久不卡| 亚洲天堂男人天堂| 四虎亚洲精品高清在线观看| 国产亚洲欧美日韩亚洲中文色| 男人扒开添女人下部免费视频| 怡红院免费的全部视频| 182tv免费观看在线视频| 成年女人18级毛片毛片免费| 尤物永久免费AV无码网站| 亚洲日韩国产精品乱| 久久久久久a亚洲欧洲AV| 中文字幕 亚洲 有码 在线| 日韩色视频一区二区三区亚洲| 三年片免费观看大全国语| 成年人免费的视频| 亚洲av午夜精品一区二区三区| 国产亚洲美女精品久久久久狼|