Kaedah CSS JS untuk melaksanakan kotak input klik praktikal untuk memunculkan kemahiran box_javascript pilihan

Contoh dalam artikel ini menerangkan cara melaksanakan kaedah praktikal mengklik kotak input untuk muncul kotak pilihan menggunakan JS CSS. Kongsikan dengan semua orang untuk rujukan anda. Kaedah pelaksanaan khusus adalah seperti berikut:

Salin kod Kod adalah seperti berikut: JS CSS打造实用的单击输入框弹出选择框效果 .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 oren;margin:-32px;background-color: putih;z-index:1002;overflow:auto;} function moveselect(obj,sasaran,semua){ jika (!semua) semua=0 if (obj!="[objek]") obj=eval("document.all." obj) target=eval("document.all." target) jika (semua==0) { manakala (obj.selectedIndex>-1){ //alert(obj.selectedIndex) mot=obj.options[obj.selectedIndex].teks mov=obj.options[obj.selectedIndex].nilai obj.remove(obj.selectedIndex) var newoption=document.createElement("OPTION"); newoption.text=mot newoption.value=mov target.add(newoption) } } lain { //alert(obj.options.length) untuk (i=0;i { mot=obj.options[i].teks 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' } fungsi guanbi(){ //把右边select的值传到文本框内 var yuanGong=document.getElementById("yuanGong") yuanGong.value=""//如果不加这句，则每次选择的结果追加 var huoQu=document.getElementById("D2") untuk(var k=0;k yuanGong.value=yuanGong.value huoQu.options[k].value " "//" "中间为空格，字符分隔符，可以改成别的 document.getElementById('light').style.display='none'; document.getElementById('fade').style.display='none' } 本部门员工 张三 李四 小王

" name="B6" onclick="moveselect('D1','D2')">

>" name="B4" onclick="moveselect('D1','D2',1)">

等待划分部门的员工 EmployeeX Pekerja Y OK Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang.