javascript 구현 51job 주소 여러 선택 효과

51job 효과 와 유사 한 주소 선택

선택 한 도시 집합

도시

[취소][확정]

베 이 징 푸 젠 사천 강 소

상하 이 윈 난 귀주

미국 아 프 간 일본

당신 이 선택 한 도시

/*---사용 설명---*//*도시 추가 방법:추가 그룹:id 를 찾 으 면"selectSub"에서 select 탭 아래 option 탭 value 속성 이 증가 하고 id 를 찾 으 면"selectSub"입 니 다.그 id 속성 증가 2 급 푸 선광 옵션 복사 id 는"selectSub"에서 임의의 input 태그 로 추가 할 위치 에 붙 여 넣 습 니 다.*/var grow = $("selectSub").getElementsByTagName("option").length; //그룹 수 var show Grow=0;/그룹 var selectCount=0;/선택 한 수량 showSelect(showGrow);var items = $("selectSub").getElementsByTagName("input"); function$(o){//대상 가 져 오기 if(type:of(o)=="string")return document.getElement ById(o);return o; } function openBg(state){//가리개 열기 닫 기 제어 if(state==1){$("bg").style.display="block";var h = document.body.offsetHeight > document.documentElement.offsetHeight ? document.body.offsetHeight : document.documentElement.offsetHeight; $("bg").style.height = h + "px"; } else { $("bg").style.display = "none"; } } function openSelect(state){//도시 층 닫 기 를 선택 하여 제어 if(state==1){$(selectItem).style.display="block";$("selectItem")selectItem").style.left = ($("bg").offsetWidth - $("selectItem").offsetWidth)/2 + "px"; $("selectItem").style.top = document.body.scrollTop + 100 + "px"; } else { $("selectItem").style.display = "none"; } } function showSelect(id){ for(var i = 0 ; i < grow ;i++) { $("c0" + i).style.display = "none"; } $("c0" + id).style.display = "block"; showGrow = id; } function open(id,state){/숨겨 진 제어 if(state==1)$(id).style.display="block";$(id).style.diaplay = "none"; } function addPreItem(){ $("previewItem").innerHTML = ""; var len　= 0 ; for(var i = 0 ; i < items.length ; i++) { if(items[i].checked == true) { var mes = "" + items[i].value; $("previewItem").innerHTML += mes; } } } function makeSure(){ //alert(1); //$("makeSureItem").innerHTML = $("previewItem").innerHTML; openBg(0); openSelect(0); copyItem("previewItem","makeSureItem") } function copyHTML(id1,id2){ $(id2).innerHTML = $("id1").innerHTML; } function copyItem(id1,id2){ var mes = ""; var items2 = $(id1).getElementsByTagName("input"); for(var i = 0 ; i < items2.length ; i++) { if(items2[i].checked == true) { mes += "" + items2[i].value; } } $(id2).innerHTML = ""; $(id2).innerHTML += mes; } function same(ck){ for(var i = 0 ; i < items.length ; i++) { if(ck.value == items[i].value) { items[i].checked = ck.checked; } } } /* 마우스 드래그*/var oDrag=";var ox,oy,nx,ny,dy,dx; function drag(e,o){ var e = e ? e : event; var mouseD = document.all ? 1 : 0; if(e.button == mouseD) { oDrag = o.parentNode; //alert(oDrag.id); ox = e.clientX; oy = e.clientY; } } function dragPro(e){ if(oDrag != "") { var e = e ? e : event; dx = parseInt($(oDrag).style.left); dy = parseInt($(oDrag).style.top); nx = e.clientX; ny = e.clientY; $(oDrag).style.left = (dx + ( nx - ox )) + "px"; $(oDrag).style.top = (dy + ( ny - oy )) + "px"; ox = nx; oy = ny; } } document.onmouseup = function(){oDrag = "";} document.onmousemove = function(event){dragPro(event);} [Ctrl+A 선택:]

javascript 구현 51job 주소 여러 선택 효과

선택 한 도시 집합

도시

당신 이 선택 한 도시

좋은 웹페이지 즐겨찾기