<div class="codetitle"> <span><a style="CURSOR: pointer" data="53237" class="copybut" id="copybut53237" onclick="doCopy('code53237')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다.</div> <div class="codebody" id="code53237"> <br><!DOCTYPE html> xmlns=" http://www.w3.org/1999/xhtml"> <br><head> <br><meta http-equiv="Content-Type" content="text/html; charset= utf-8 " /> <br><title></title> <br><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery. min.js " type="text/javascript"></script> <br><script type="text/javascript"> <br>// 다음 플러그인 부분을 배치하는 것이 좋습니다. 쉽게 호출할 수 있도록 js 파일로<br>//--------------- 플러그인 시작 ------------------ <br>(function ($) { <br>/ /Mask, 단일 요소에 적합합니다. <br>$.fn.mask = function () { <br>var divHtml = '<div class="divMask" style= "위치: 절대; 너비: 100%; 높이: 100%; 왼쪽: 0px; 위쪽: 0px; 배경: #fff; 불투명도: 0; 필터: 알파(불투명도=0)"</div>'; <br>$(this).wrap('<span style="position:relative">$(this).parent().append(divHtml) <br>$(this).data("mask"," true"); <br>} <br>//Unmask<br>$.fn.unmask = function () { <br>$(this).parent( ).find(".divMask").remove( ); <br>$(this).unwrap() <br>$(this).data("mask", "false") <br>})(jQuery) <br>/ /--------------- 플러그인 종료 ------------------ <br>//비활성화 처리는 없고 그냥 추가만 하면 클릭이 불가능하게 만드는 차폐 레이어일 뿐입니다. <br>//이렇게 하면 다른 곳을 처리할 필요가 없어 더 편리합니다. <br>functionchangeA2(obj) { <br>var t = { 'key': 'b', 'value': '2' };//매핑 대응 <br>if (obj.value == t.key ) { <br>$("#A2").val(t.value); <br>$("#A2").mask() <br>} else { <br>$("#A2 " ).val(""); <br>$("#A2").unmask() <br>} <br>} <br></script> <body> <br><select name="A1" id="A1" onchange="changeA2(this)"> <br><option value="">--선택하세요--< /옵션> <br><옵션 값="a">a</option> <br><옵션 값="b">b</option> <br><옵션 값="c " >c</option> <br><option value="d">d</option> <br></select><br><name="A2" id="A2" > ; <br><option value="">--선택하세요--</option> <br><option value="1">1</option> "2">2 <br>3 <br>4 <br> ;/선택> <br></body> <br></html></span> </div>