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ベストアンサー
- 回答日時:
変更したいセルに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
- 回答日時:
<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>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- JavaScript EasyUIのSubGrid(jquery)におけるObjectに入れた連想配列について 1 2022/05/02 11:21
- Visual Basic(VBA) Selenium.ChromeDriverの使い方について 7 2022/09/22 06:43
- HTML・CSS 【CSS】:hasで可能? imgを含むtr要素を選択したい 1 2022/11/17 14:36
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- MySQL SQL任意に並び替えをしたい 2 2023/08/28 10:47
- PHP htmlで複数の個数入力欄を表示させるには 1 2022/09/20 03:11
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- PHP $_SESSIONについて教えて下さい。 2 2023/03/02 09:18
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
value内に変数を入れたい
-
3桁区切りのカンマをつけたい...
-
テキストボックスに入力された...
-
VBAをJavaScriptに変換したいです
-
複数のsubmitボタンで押された...
-
他フォームの入力データの引継ぎ
-
JavaScriptによる自動計算フォ...
-
[C#]連想配列の中に配列を入れたい
-
VB.NET DateTimeの型について
-
ホームページ上での計算につい...
-
javascriptでhiddenに二次元配...
-
hiddenのvalueの値を変えたい
-
サイト内検索で文字化けしてい...
-
setIntervalの間隔を途中で変更...
-
プルダウンから移動時のフレー...
-
全角の縦書きが一定文字数で改...
-
return trueとreturn falseの用...
-
プルダウン 項目が多いので先頭...
-
submitボタン押下時にPOSTされ...
-
大文字か小文字かを判断する方法
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
hiddenのvalueの値を変えたい
-
value内に変数を入れたい
-
複数のsubmitボタンで押された...
-
3桁区切りのカンマをつけたい...
-
VB.NET DateTimeの型について
-
javascriptでhiddenに二次元配...
-
テキストボックスに入力された...
-
eval()を使わずに数値を取得し...
-
引数に数値、文字列の混在
-
クイズ作成:15個の問題から5個...
-
sessionStorageを調べています。
-
setIntervalの間隔を途中で変更...
-
javascriptにてHTMLのhiddenエ...
-
name属性が同じフォームが複数...
-
セレクトボックスの初期選択状...
-
Pythonで会員サイトの自動ログ...
-
演算対象の数字と演算子を入力...
-
商品コードを入れたら自動で商...
-
フォームで入力した値を別のフ...
-
ラジオボタンの選択で解答・点...
おすすめ情報