선택 상자를 팝업하는 실용적인 클릭 입력 상자를 구현하는 JS CSS 방법_javascript 기술

이 글의 예제에서는 JS CSS를 사용하여 입력 상자를 클릭하여 선택 상자를 팝업하는 실용적인 방법을 구현하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 구현 방법은 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.

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 ;불투명도:.80;필터:알파(불투명도=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: 흰색;z-색인:1002;오버플로:자동;} 함수 moveselect(obj,target,all){ if (!all) 모두=0 if (obj!="[객체]") obj=eval("document.all." obj) target=eval("document.all." target) if (모두==0) { while (obj.selectedIndex>-1){ //경고(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(새옵션) } } 그 외 { //경고(obj.options.length) (i=0;i { mot=obj.options[i].text mov=obj.options[i].value var newoption=document.createElement("OPTION"); newoption.text=mot newoption.value=mov target.add(새옵션) } obj.options.length=0 } } 함수 다카이(){ document.getElementById('light').style.display='block'; document.getElementById('fade').style.display='차단' } 함수 관비(){ //把右边select 值传到文本框内 var yuanGong=document.getElementById("yuanGong") yuanGong.value=""//如果不加这句，则每次选择的结果追加 var huoQu=document.getElementById("D2") for(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)">

等待划分part门的员工 EmployeeX Y 직원 확인