下拉列表左右移動或交換數(shù)據(jù)代碼_表單按鈕特效

下拉框的數(shù)據(jù)來回交換，記得最早是在人才網(wǎng)站選擇職位時候發(fā)現(xiàn)的這種功能，本款是模仿的，功能有點不一樣，只提供一種思路，希望對你有幫助。

<html>
<head>
<title>列表數(shù)據(jù)交換</title>
<script language="JavaScript"> 
function copyToList(from,to) { 
  fromList = eval('document.forms[0].' + from); 
  toList = eval('document.forms[0].' + to); 
  if (toList.options.length > 0 && toList.options[0].value == 'temp') 
  { 
    toList.options.length = 0; 
  } 
  var sel = false; 
  for (i=0;i<fromList.options.length;i++) 
  { 
    var current = fromList.options[i]; 
    if (current.selected) 
    { 
      sel = true; 
      if (current.value == 'temp') 
      { 
        alert ('你不能選擇這個項目!'); 
        return; 
      } 
      txt = current.text; 
      val = current.value; 
      toList.options[toList.length] = new Option(txt,val); 
      fromList.options[i] = null; 
      i--; 
    } 
  } 
  if (!sel) alert ('你還沒有選擇任何項目'); 
} 
function allSelect() { 
  List = document.forms[0].chosen; 
  if (List.length && List.options[0].value == 'temp') return; 
  for (i=0;i<List.length;i++) 
  { 
     List.options[i].selected = true; 
  } 
}

</script> 
</head>
<body>
<table border="0"> <form onSubmit="allSelect()"> 
              <tr> 
                <td> 
                  <select name="possible" size="4" 
MULTIPLE width=200 style="width: 200px"> 
                    <option value="1">長沙 
                    <option value="2">天津 
                    <option value="3">南京 
                    <option value="4">武漢 
                    <option value="5">鄭州
                  </select> 
                </td> 
                  <td><a href="javascript:copyToList('possible','chosen')">--><br> 
                    <br> 
                    </a><a href="javascript:copyToList('chosen','possible')"><--</a></td> 
                <td> 
                  <select name="chosen" size="4" 
MULTIPLE width=200 style="width: 200px;"> 
                    <option value="temp">選擇地區(qū)
                  </select> 
                </td> 
              </tr></form> 
            </table>
</body>
</html>

所屬頻道：表單按鈕特效/更新時間：2012-12-01

[收藏][報錯][返回列表]

相關(guān)表單按鈕特效：

表單按鈕特效Rss訂閱特效代碼搜索

表單按鈕特效推薦

猜你也喜歡看這些

相關(guān)鏈接：
復(fù)制本頁鏈接| 搜索下拉列表左右移動或交換數(shù)據(jù)代碼
特效說明：
表單按鈕模板-下拉列表左右移動或交換數(shù)據(jù)代碼。

日韩天天综合网_野战两个奶头被亲到高潮_亚洲日韩欧美精品综合_av女人天堂污污污_视频一区**字幕无弹窗_国产亚洲欧美小视频_国内性爱精品在线免费视频_国产一级电影在线播放_日韩欧美内地福利_亚洲一二三不卡片区

下拉列表左右移動或交換數(shù)據(jù)代碼_表單按鈕特效

表單按鈕特效Rss訂閱特效代碼搜索

表單按鈕特效推薦

猜你也喜歡看這些