| ポイント |
<![CDATA[
if (flag) wrtObj = optOff; else wrtObj = optOn;
outData = "";
for (i=0; i<wrtObj.length; i++) outData += wrtObj[i];
document.all("opt").innerHTML = outData;
]]>
|
| 説 明 |
Internet Explorerでセレクトメニューを選択不可にするにはselect、optionタグごと出力します。選択可能状態と不可能状態の場合のタグを配列に入れておきinnerHTMLでセレクトメニュータグ一式を書き出します。 |
| サンプル |
<![CDATA[
<html>
<head>
<title>セレクトメニューを選択不可にする</title>
<script language="JavaScript"><!--
optOn = new Array();
optOff = new Array();
optOn[0]='<select name="mySel">';
optOn[1]='<option value="MZ-80K">MZ-80K</option>';
optOn[2]='<option value="MZ-80C">MZ-80C</option>';
optOn[3]='<option value="MZ-80K2">MZ-80K2</option>';
optOn[4]='</select>';
optOff[0]='<select name="mySel">';
optOff[1]='<option value="MZ-80K" disabled>MZ-80K</option>';
optOff[2]='<option value="MZ-80C" disabled>MZ-80C</option>';
optOff[3]='<option value="MZ-80K2" disabled>MZ-80K2</option>';
optOff[4]='</select>';
function setSelectMenu(flag)
{
if (flag) wrtObj = optOff; else wrtObj = optOn;
outData = "";
for (i=0; i<wrtObj.length; i++) outData += wrtObj[i];
document.all("opt").innerHTML = outData;
}
// --></script>
</head>
<body>
<form name="myForm">
<input type="checkbox" name="sType" onClick="setSelectMenu(this.checked)">
選択不可にする（チェックすると不可）<br>
<span id="opt">
<select name="mySel">
<option value="MZ-80K">MZ-80K</option>
<option value="MZ-80C">MZ-80C</option>
<option value="MZ-80K2">MZ-80K2</option>
</select>
</span>
</form>
</body>
</html>
]]>
|
| 補足説明 |
なし |
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!
|
セレクトメニューを選択不可にする