コンボボックスに関する初歩的な質問

質問

同じＨＴＭＬの画面上にＡとＢという２つのコンボボックスがあり、Ａのコンボボックスで特定の選択肢を選んだ場合のみＢのコンボボックスは選択不可能にしたいのですが、どのように書いたら良いのでしょうか？

回答No.1

Mizyu · ベストアンサー

JavaScriptを使う必要があります。
下記にサンプルを示します。
Aコンボでa2を選択すればBコンボが非活性化します。

<!-- JavaScript部------ -->
<script language="javascript">
<!--//
function cmdCtr()
{
if (document.forms[0].A.value=='a2'){
document.forms[0].B.disabled=true;
}else{
document.forms[0].B.disabled=false;
}

}
//-->
</script>

<!-- HTML部----------- -->
<FORM>
<SELECT name="A" onChange="cmdCtr();">
<OPTION value="a1">a1</OPTION>
<OPTION value="a2">a2</OPTION>
<OPTION value="a3">a3</OPTION>
</SELECT>
<SELECT name="B">
<OPTION value="b1">b1</OPTION>
<OPTION value="b2">b2</OPTION>
<OPTION value="b3">b3</OPTION>
</SELECT>
</FORM>

お礼

出来ました！有難う御座いました。