セレクトメニューを選択不可にする


動作ブラウザ 【 IE:-  NN:6.0
Internet Explorer Netscape Navigator DreamPassport iCab
3.0x 4.0x 4.5 5.0x 5.5 2.0x 3.0x 4.0x 4.x 6.0 2 3 2.x
Windows × × - × × × × × × - × -
Macintosh × × × × - × × × × - -
UNIX - - - - - × × × × - - -
Dreamcast - - - - - - - - - - × × -

ポイント fObj = document.myForm.mySel; for (i=0; i<fObj.options.length; i++) fObj.options[i].disabled = flag;
説  明 セレクトメニューを選択不可にするにはdisabledプロパティにtrueを指定します。選択可能にするにはfalseを指定します。
サンプル <html> <head> <title>セレクトメニューを選択不可にする</title> <script language="JavaScript"><!-- function setSelectMenu(flag) { fObj = document.myForm.mySel; for (i=0; i<fObj.options.length; i++) fObj.options[i].disabled = flag; } // --></script> </head> <body> <form name="myForm"> <input type="checkbox" name="sType" onClick="setSelectMenu(this.checked)"> 選択不可にする(チェックすると不可)<br> <select name="mySel"> <option value="MZ-80K">MZ-80K <option value="MZ-80C">MZ-80C <option value="MZ-80K2">MZ-80K2 </select> </form> </body> </html>
補足説明 なし

■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!

写真素材 PIXTA