セレクトボックスで選択された値を見て、
text入力欄の背景色を変えたいのですが、
JavaScriptの書き方がよくわかりませんので
教えていただけないでしょうか。
-----------------------------------------
セレクトボックス(SELECT_AREA)の値選択時に
onChengeで呼び出して
テキスト入力欄(MEMBER_NAME)の色を変えたい。
<html:select property="SELECT_AREA">
<html:text property="MEMBER_NAME" size="100" maxlength="20" style="background:#FF0000" />
-----------------------------------------------
よろしくお願いします。
No.1ベストアンサー
- 回答日時:
セレクトボックス・テキストエリアを下記のように設定した場合(htmlで)
<select name="sec01" size="1" tabindex="0" onchange="javaScript:selectChange()">
<option value=""></option>
<option value="a">a</option>
<option value="b">b</option>
<option value="c">c</option>
</select>
<textarea name="txtArea" rows="2" cols="20" tabindex="0"></textarea>
javaScriptの関数 selectChange() を
function selectChange()
{
selectValue = document.all["sec01"].value;
txtStyle = document.all["txtArea"].style;
if (selectValue == "a") txtStyle.background = "red";
if (selectValue == "b") txtStyle.background = "yellow";
if (selectValue == "c") txtStyle.background = "black";
if (selectValue == "") txtStyle.background = "white";
}
と書けば、テキストエリアの背景色は変化するようになります。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- JavaScript 以前の質問だと、どの条件でも配列が表示されてしまいます。 1 2022/07/09 11:40
- JavaScript セレクトボックスを2つ選択してメッセージなどを表示するには。~運賃検索プログラムを完成させたい~ 1 2022/07/22 11:10
- JavaScript セレクトを全て選択されていないと、文字によるエラーメッセージを表示させるコードを調べています 2 2023/06/22 15:48
- PHP if(preg_match("/[^0-9]/",$gu_d)){意味を教えてください。 1 2022/05/06 05:37
- Excel(エクセル) PHPプログラムをエクセルに張り付けると検索ボックスがでてくる! 3 2022/05/08 07:10
- JavaScript 電車の運賃を出すプログラムを作っています。 2 2022/06/22 09:36
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
プルダウンのリンクについて
-
switch文のswitch(n)の部分を複...
-
プルダウンメニューで、選択項...
-
プルダウンメニュー項目のフォ...
-
セレクトボックスの値による入...
-
プルダウンメニューの選択肢の...
-
複数のフォームを一括で送信す...
-
長文のmailtoの使い方
-
送信ボタン押下時に値が未入力...
-
1つのformで複数のactionを実...
-
Windows Media Playerのサイズ
-
パスワードをIPする際見えな...
-
CGI動作後に元のページに戻る方法
-
submitをボタン以外にするには
-
javaScriptで検索結果の保持
-
URL パラメータを使ってフォー...
-
1アクションでPOST・GET、両方...
-
checkboxを「変更不可」にでき...
-
フォーム要素以外にもname属性...
-
送信フォームを2つ用意する方法
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
HTMLのoptionタグ部分に画像を...
-
プルダウンメニュー項目のフォ...
-
プルダウンの切り替えについて
-
<SELECT>タグでの selected 状...
-
セレクトボックスの幅をプルダ...
-
switch文のswitch(n)の部分を複...
-
セレクトボックスを2つ設けて選...
-
セレクトボックスを切り替える...
-
jQuery要素の絞り込み + <selec...
-
プルダウンを2つ以上並べる時に...
-
複数のプルダウンの値をパラメ...
-
プルダウンメニューアイテムの...
-
リストボックス全選択について
-
HPビルダー9で、プルダウン形...
-
複数のプルダウンからリンクす...
-
プルダウンメニューで、選択項...
-
javascriptを使った自動計算→送信
-
2つの<select>フォームの完全...
-
複数のプルダウンメニューの設...
-
プルダウンでリンク先へいくと...
おすすめ情報