- ベストアンサー
プルダウンの選択値により活性・非活性化したい
- プルダウンの選択値により他のプルダウンメニューやテキストエリアを活性・非活性化したい
- OSのプルダウンがWindows以外ならば他の要素を非活性化させたい
- 具体的には、WindowsのバージョンのプルダウンやWindowsのサービスパックのテキストエリアを活性化・非活性化したい
- gdcootie
- お礼率18% (5/27)
- JavaScript
- 回答数2
- ありがとう数4
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
あ～あ、マルチポストするから回答がわかれましたね・・・ グレーを強調するならこんなかんじ（とりあえず赤くしときます） <style> :disabled,.disabled{ background-Color:red; } select,input{ behavior:expression( this.className=this.disabled?"disabled":"" ) } </style> <script> function changefunc(){ var os=document.getElementById("IDOS"); var f=os.form; for(var i=0;f.length;i++){ if(f[i]!=os) f[i].disabled=(os.value!="Windows"); } } window.onload=changefunc; </script> <form> <select id="IDOS" onchange="changefunc()"> <option value="">-</option> <option value="Windows">Windows</option> <option value="Mac">Mac</option> <option value="Linux">Linux</option> </select> <select id="IDVersion"> <option value="">-</option> <option value="XP">XP</option> <option value="Vista">Vista</option> <option value="7">7</option></select> <input type="text" value="" size="30"> </form>
その他の回答 (1)
- yambejp
- ベストアンサー率51% (3827/7415)
こういうこと？ <script> function changefunc(){ var os=document.getElementById("IDOS"); var f=os.form; for(var i=0;f.length;i++){ if(f[i]!=os) f[i].disabled=(os.value!="Windows"); } } window.onload=changefunc; </script> <form> <select id="IDOS" onchange="changefunc()"> <option value="">-</option> <option value="Windows">Windows</option> <option value="Mac">Mac</option> <option value="Linux">Linux</option> </select> <select id="IDVersion"> <option value="">-</option> <option value="XP">XP</option> <option value="Vista">Vista</option> <option value="7">7</option></select> <input type="text" value="" size="30"> </form>
