<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>//-------------- プラグインの開始 ------------------ <br>(function ($) { <br>/ /Mask、単一要素に適しています。<br>$.fn.mask = function () { <br>var divHtml = '<div class="divMask" style= "位置: 絶対; 幅: 100%; 高さ: 100 %; 左: 0px; 上: 0px; 背景: #fff; 不透明度: 0; フィルター: alpha(opacity=0)"</div>'; <BR>$(this).wrap('<span style="position:relative"></span>'); <br>$(this).parent().append(divHtml); >$(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"); 🎜>})(jQuery); <br>/ /-------------- プラグイン終了 ------------------ <br>//無効化された処理はなく、単に追加するだけです。これは、クリックできないようにする単なる遮蔽層です。 <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></script> <br></head> <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><オプション値=""> -- 選択してください --</オプション> <br><オプション値="1">1</オプション> "2">2<br><option value="3">3</option><BR><option value="4">4<BR> ;/select> <br></body> <br><br> </option> </div>