selectでinputの表示を変えたい

質問

セレクトを選択した時に、inputの一部をdisabledにし、同時にinputの背景色を変更したいと思っています。

-----------------------------------------------------------------------

現在はこんな感じです。

function menuLink(linkLoc)
{ if(linkLoc !="") { ifrm.location.href=linkLoc;} }

---
セレクト１
<SELECT style="WIDTH: 130px" onchange="menuLink(this.options[this.selectedIndex].value)">
<OPTION value="11.html">1</OPTION>
<OPTION value="22.html">2</OPTION>
<OPTION value="33.html">3</OPTION>
セレクト２
<SELECT style="WIDTH: 130px" onchange="menuLink(this.options[this.selectedIndex].value)">
<OPTION value="44.html">1</OPTION>
<OPTION value="55.html">2</OPTION>
<OPTION value="66.html">3</OPTION>
セレクト３
<SELECT style="WIDTH: 130px" onchange="menuLink(this.options[this.selectedIndex].value)">
<OPTION value="77.html">1</OPTION>
<OPTION value="88.html">2</OPTION>
<OPTION value="99.html">3</OPTION>
(実際にはもっと多くのセレクトがあります)

<TR>
<TD><INPUT type="text" name="aa" size="10" maxlength="2"></TD>
<TD><INPUT type="text" name="ba" size="10" maxlength="2"></TD>
<TD><INPUT type="text" name="ca" size="10" maxlength="2"></TD></TR>
<TR>
<TD><INPUT type="text" name="ab" size="10" maxlength="2"></TD>
<TD><INPUT type="text" name="bb" size="10" maxlength="2"></TD>
<TD><INPUT type="text" name="cb" size="10" maxlength="2"></TD></TR>
<TR>
<TD><INPUT type="text" name="ac" size="10" maxlength="2"></TD>
<TD><INPUT type="text" name="bc" size="10" maxlength="2"></TD>
<TD><INPUT type="text" name="cc" size="10" maxlength="2" /></TD></TR>

<TR>
<TD><INPUT type="text" name=da readOnly value=0 size=10></TD>
<TD><INPUT type="text" name=ea readOnly value=0 size=10></TD>
<TD><INPUT type="text" name=fa readOnly value=0 size=10></TD></TR>
<TR>
<TD><INPUT type="text" name=db readOnly value=0 size=10></TD>
<TD><INPUT type="text" name=eb readOnly value=0 size=10></TD>
<TD><INPUT type="text" name=fb readOnly value=0 size=10></TD></TR>
<TR>
<TD><INPUT type="text" name=dc readOnly value=0 size=10></TD>
<TD><INPUT type="text" name=ec readOnly value=0 size=10></TD>
<TD><INPUT type="text" name=fc readOnly value=0 size=10></TD></TR>

-----------------------------------------------------------------------

セレクト１のどれかを選択した時に、インプットのaa,ba,da,eaをdisabledにし、同時にaa,ba,da,eaの背景色を変更
セレクト２のどれかを選択した時に、インプットのab,bb,db,ebをdisabledにし、同時にab,bb,db,ebの背景色を変更

という感じにしたいのですが、可能でしょうか？
可能であれば書き方を教えていただけると助かります。
よろしくおねがいします。

回答No.1

noname#206842

ＨＴＭＬではなく、ＣＳＳですることです。
どのようにでも変更できますが、ＨＴＭＬでは、しない方が賢明です。

参考URL：

http://www.html5-memo.com/form/input_contents/

お礼

ありがとうございましたm(_ _)m