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の背景色を変更
という感じにしたいのですが、可能でしょうか？
可能であれば書き方を教えていただけると助かります。
よろしくおねがいします。
お礼
とりあえず今回は後回しにしてまた今度トライしてみます ありがとうございました
補足
yoiyoi256さんご解答ありがとうございます。 んーでもtesttextが宣言されてませんてエラーがでちゃいます どうにかなりませんかね? HTMLのものをjavascriptの変数に受け渡すのが分からないんですよね id="test"でtestがjavascript内で使えるようになるものなのですか?