日韩久久精品,欧美日韩一级在线观看,精品综合

點出窗口，選擇類別

網絡 2009/6/17 15:08:52 深山行者字體:大中小瀏覽 8338

以下為詳細代碼

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>點出窗口，選擇類別</title>
<Script language="javascript" type="text/javascript">
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[i].text
   mov=obj.options[i].value
   var newoption=document.createElement("OPTION");
   newoption.text=mot
   newoption.value=mov
   target.add(newoption)
   }
obj.options.length=0
 }
}
function dakai(){
document.getElementById('light').style.display='block';
document.getElementById('fade').style.display='block'
}
function guanbi(){
//下面上把右邊select的值傳到文本框內
var yuanGong=document.getElementById("yuanGong")
yuanGong.value=""http://如果不加這句，則每次選擇的結果追加
var huoQu=document.getElementById("D2")
for(var k=0;k<huoQu.length;k++)
yuanGong.value=yuanGong.value + huoQu.options[k].value + " "http://這里的" "中間為空格，為字符間的分隔符，你可以改成別的
document.getElementById('light').style.display='none';
document.getElementById('fade').style.display='none'  
}
</script>
<style>
.black_overlay{display: none;position: absolute;top: 0%;left: 0%;width: 100%;height: 100%;background-color:#FFFFFF;z-index:1001;-moz-opacity: 0.8;opacity:.80;filter: alpha(opacity=80);}
.white_content {display: none;position: absolute;top: 25%;left: 25%;width: 50%;height: 50%;padding: 16px;border: 16px solid orange; margin:-32px;  background-color: white;z-index:1002;overflow: auto;}
</style>
</head>
<body>
<input type="text" id="yuanGong" onclick="dakai()" size="50">
<div id="light" class="white_content">
<table border="1" width="350" id="table4" bordercolor="#CCCCCC" bordercolordark="#CCCCCC" bordercolorlight="#FFFFFF" cellpadding="3" cellspacing="0">
      <tr>
        <td width="150" height="200" align="center" valign="middle">
        	該部門員工
          <select size="12" name="D1" ondblclick="moveselect(this,'D2')" multiple="multiple" style="width:140px">
            <option value="員工1">員工1</option>
            <option value="員工2">員工2</option>
            <option value="員工3">員工3</option>
          </select>
        </td>
        <td width="50" height="200" align="center" valign="middle">
        <input type="button" value="<<" name="B3" onclick="moveselect('D2','D1',1)" /><br />
        <input type="button" value="<" name="B5" onclick="moveselect('D2','D1')" /><br />
        <input type="button" value=">" name="B6" onclick="moveselect('D1','D2')" /><br />
        <input type="button" value=">>" name="B4" onclick="moveselect('D1','D2',1)" /><br />
        </td>
        <td width="150" height="200" align="center" valign="middle">
        	未劃分部門員工
          <select size="12" name="D2" id="D2" ondblclick="moveselect(this,'D1')" multiple="multiple" style="width:140px">
            <option value="員工4">員工4</option>
            <option value="員工5">員工5</option>
          </select>
        </td>
      </tr>
</table>
<a href = "javascript:void(0)" onclick = "guanbi()">確定</a><BR><BR>
<input name="" type="button" onclick="guanbi()" value="要是想用按鈕的話就用這個" />
</div>
<div id="fade" class="black_overlay"></div>
</body>
</html>

前一頁:利用DIV+CSS制作右下角彈出留言板

后一頁:一個可以說是超級變態,超級強的DIV+CSS應用

相關閱讀: 武漢輝煌國際旅行社; 七種網站添加鏈接的簡單方法; 一個select表單移處數據的效果，非常好用。; 超級實用且不花哨的js代碼大全( 6 ); 超簡潔版式留言板模板; asp讀取163的rss之xml數據; 專注于戶外擴展、商務會議建站解決方案; CSS或js實現行間交替背景色效果

共有0條關于《點出窗口，選擇類別》的評論: 發表評論

正在加載評論......

返回頂部發表評論

呢稱:
表情:
內容:	評論內容:不能超過 1000 字,需審核,請自覺遵守互聯網相關政策法規。
驗證碼:

網友評論聲明,請自覺遵守互聯網相關政策法規。

您發布的評論即表示同意遵守以下條款:
一、不得利用本站危害國家安全、泄露國家秘密,不得侵犯國家、社會、集體和公民的合法權益;
二、不得發布國家法律、法規明令禁止的內容;互相尊重,對自己在本站的言論和行為負責;
三、本站對您所發布內容擁有處置權。

更多信息>>欄目類別選擇: 百度小程序開發; 微信小程序開發; 微信公眾號開發; uni-app; asp函數庫; ASP; DIV+CSS; HTML; python

更多>>同類信息: jquery下拉到某個固定位置然后某些元素發生改變樣式狀態; canvas繪制的文字如何換行; 兼容pc、移動端用js實現復制內容到剪切板（支持蘋果safari瀏覽器）; js兼容多個瀏覽器右下角漂浮廣告; 兼容ie6+和火狐的禁止右鍵; 做在線客服時，聊天窗口的div滾動條始終在底部

更多>>最新添加文章: dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT; Android移動端自動化測試：使用UIAutomatorViewer與Selenium定位元素; 抖音直播音掛載小雪花懂車帝小程序; javascript獲取瀏覽器指紋可以用來做投票; 火狐Mozilla Firefox出現：無法載入您的Firefox配置文件它可能已經丟失或是無法訪問問題解決集合處理辦法; 在Android、iOS、Windows、MacOS中微信小程序的文件存放路徑; python通過代碼修改pip下載源讓下載庫飛起; python里面requests.post返回的res.text還有其它的嗎

更多>>隨機抽取信息: 使用uiautomatorviewer連接模擬器頁面報錯No Android devices were detected by adb.; python中 f 用法; 可移動的彈出層; Python拼接字符串的幾種方式; 動態返回selected選擇框的代碼說明; 深山行者留言系統V2.2 (簡稱留言板V2.2)

更多標簽熱門標簽

旅行社陰影效果轉換 meta Alpha 時鐘優化 expression 變幻斜線縣關聯 flash 透明天氣預報豎排廣告強聊 base 處理 weatherxml 排序命名全選 radio 展示 2003 半透明 PSD DropShadow 濾鏡 JS效果垂直兼容面板 overflow 界面翻頁自動隱藏九宮格 rss 計劃成功調節 exe 數組 display document 管理 126 選擇框

99热热热_国产成人自拍一区_欧美一级网站_99热在线播放_国产精品乱码一区二区三区_久久精品国产一区二区三区

點出窗口，選擇類別