javaスクリプトで、テーブルのセルの色を変更する方法

質問

javaスクリプト初心者です。ご指導宜しく御願い致します。
コンボボックスで指定の文字列が選択された場合に、
ある場所のバックグラウンドカラーを変更したいと思っているのですが
可能でしょうか？
オンチェンジのイベントで何かしらの判断をさせるのかとは
思うのですが・・。

（例）
コンボボックスAが選択された場合に、
TEST02と表示させている部分の背景色を変更。
－－－－－－－－－－－－－
| TEST01 | A ▼ |
－－－－－－－－－－－－－
| TEST02 | TEST |
－－－－－－－－－－－－－

<TABLE BORDER="1">
<TR>
<TD>TEST01</TD>
<TD>
<SELECT NAME="TEST">
<OPTION value="A">A</OPTION>
<OPTION value="B">B</OPTION>
</SELECT>
</TD>
</TR>
<TR>
<TD>TEST02</TD>
<TD>
<INPUT TYPE="text" value ="test">
</TD>
</TR>
</TABLE BORDER>

大変申し訳ありませんが、ご指導のほど宜しく御願い致します。

回答No.1

yambejp · ベストアンサー

変更したいセルにidを振って、styleのbackgroundColor
の値をいじればできそうですね。

<TABLE BORDER="1">
<TR>
<TD>TEST01</TD>
<TD>
<SELECT NAME="TEST" onChange="document.getElementById('hoge').style.backgroundColor='#ff0000'">
<OPTION value="A">A</OPTION>
<OPTION value="B">B</OPTION>
</SELECT>
</TD>
</TR>
<TR>
<TD id="hoge">TEST02</TD>
<TD>
<INPUT TYPE="text" value ="test">
</TD>
</TR>
</TABLE>

回答No.2

BLUEPIXY

<TABLE BORDER="1">
<TR>
<TD>TEST01</TD>
<TD>
<SELECT NAME="TEST" onchange="document.getElementById('T2').style.backgroundColor=(this.value=='A')?'#7FFFD4':'';">
<OPTION value="A">A</OPTION>
<OPTION value="B" selected>B</OPTION>
</SELECT>
</TD>
</TR>
<TR>
<TD id="T2">TEST02</TD>
<TD>
<INPUT TYPE="text" value ="test">
</TD>
</TR>
</TABLE>