セレクトボックスを2つ設けて選択して初めてメッセが出るプログラムを作りたいです。
どのようにすればいいですか。
どのサイトもそのようなサイトは見つかりませんでした。
以下のjsを参考にしたいです。
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<script type="text/javascript" language="javascript">
function onButtonClick() {
selindex = document.form1.Select1.selectedIndex;
target = document.getElementById("output");
switch (selindex) {
case 0:
target.innerHTML = "要素1が選択されています。<br/>";
break;
case 1:
target.innerHTML = "要素2が選択されています。<br/>";
break;
case 2:
target.innerHTML = "要素3が選択されています。<br/>";
break;
case 3:
target.innerHTML = "要素4が選択されています。<br/>";
break;
case 4:
target.innerHTML = "要素5が選択されています。<br/>";
break;
}
}
</script>
</head>
<body>
<form name="form1" action="">
<select id="Select1"">
<option>要素1</option>
<option>要素2</option>
<option>要素3</option>
<option>要素4</option>
<option>要素5</option>
</select>
<input type="button" value="Exec" onclick="onButtonClick();" />
</form>
<div id="output"></div>
</body>
</html>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- JavaScript セレクトボックスを2つ選択してメッセージなどを表示するには。~運賃検索プログラムを完成させたい~ 1 2022/07/22 11:10
- JavaScript 以前の質問だと、どの条件でも配列が表示されてしまいます。 1 2022/07/09 11:40
- JavaScript jsで、switch文で書かれた分をif文にできませんか。 1 2022/07/28 15:10
- JavaScript 中百舌鳥駅と深井駅を入れ替えて選択しても同じ挙動にしたいです。 2 2022/06/24 18:45
- JavaScript セレクトを全て選択されていないと、文字によるエラーメッセージを表示させるコードを調べています 2 2023/06/22 15:48
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- JavaScript セレクトボックスで配列を呼び出したい。 1 2022/07/08 20:14
- JavaScript GoogleChart 階層ごとのブロックの長さを個別に設定したい 1 2022/07/06 14:27
- JavaScript プログラムがうまく動きませんレビューお願いします 1 2022/07/10 05:08
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
指定時間になったら、WEBサイト...
-
フォームが空欄の時にフォーム...
-
Cookieに保存されない
-
ボタンを押したあとに画像を表...
-
二次元配列の全要素の全要素を...
-
初心者です。gulpでコンパイル...
-
HTMLタグに複数のクラスを設定...
-
フロントエンドフレームワーク...
-
sessionStorageを調べています。
-
jsで診断コンテンツのページ内...
-
メールフォームの日付入力フォ...
-
disabled プロパティが表示され...
-
出発駅A、到着駅Bを選択すると...
-
特定の文字列を複数抜き出した...
-
ジャバスクリプトについて。
-
プログラムについて。
-
Q&A掲示板の入力フォームに文字...
-
var exports = exports || {}; ...
-
変数名をどのようにつけるのが...
-
HTMLで作った時報アプリが動き...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
HTMLのoptionタグ部分に画像を...
-
セレクトボックスの値による入...
-
プルダウンメニュー項目のフォ...
-
セレクトボックスの幅をプルダ...
-
複数のプルダウンからリンクす...
-
プルダウンメニューでインライ...
-
<SELECT>タグでの selected 状...
-
クリックすると下に項目が出て...
-
前ページのリンクからフォーム...
-
セレクトボックスを切り替える...
-
プルダウンメニューアイテムの...
-
VB6.0でコントロール配列の配列...
-
リストボックス全選択について
-
jQuery if文の条件分岐 (。ノд...
-
プルダウンメニューで、選択項...
-
複数のプルダウンの値をパラメ...
-
プルダウンの切り替えについて
-
switch文のswitch(n)の部分を複...
-
jQuery要素の絞り込み + <selec...
-
プルダウンを2つ以上並べる時に...
おすすめ情報
答えになっていない、ボケなす。