<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> <br><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>//-------------- 插件 begin ------------------ <br>(function ($) { <br>//屏蔽，适合单个元素. <br>$.fn.mask = function () { <br>var divHtml = '<div class="divMask" style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background: #fff; opacity: 0; filter: alpha(opacity=0)"> </div>'; <br>$(this).wrap('<span style="position: relative"></span>'); <br>$(this).parent().append(divHtml); <br>$(this).data("mask","true"); <br>} <br>//取消屏蔽 <br>$.fn.unmask = function () { <br>$(this).parent().find(".divMask").remove(); <br>$(this).unwrap(); <br>$(this).data("mask", "false"); <br>} <br>})(jQuery); <br>//-------------- 插件 end ------------------ <br>//并没有做disabled处理， 只是上面加多了个屏蔽层， 使之无法点到而已。 <br>//这样其它地方无须再处理，更方便。 <br>function changeA2(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> <br></head> <br><body> <br><select name="A1" id="A1" onchange="changeA2(this)"> <br><option value="">--请选择--</option> <br><option value="a">a</option> <br><option value="b">b</option> <br><option value="c">c</option> <br><option value="d">d</option> <br></select> <br><select name="A2" id="A2"> <br><option value="">--请选择--</option> <br><option value="1">1</option> <br><option value="2">2</option> <br><option value="3">3</option> <br><option value="4">4</option> <br></select> <br></body> <br></html> <br> </div>
