
セレクトボックスを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ランキング
-
ホームページビルダー オプシ...
-
HTMLのoptionタグ部分に画像を...
-
複数のjavascript
-
指定日のプルダウンoption
-
前ページのリンクからフォーム...
-
プルダウンメニューで、選択項...
-
クリックすると下に項目が出て...
-
プルダウンメニューを選択した...
-
submitをボタン以外にするには
-
見積りフォーム
-
入力フォームの javascript で ...
-
フォーム要素以外にもname属性...
-
Cookieの設定方法がわからない。
-
JavaScriptを使用しないで、自...
-
formなしでPOSTデータを送信・受信
-
チャットフォームの悪用
-
tableにformを配置したい。
-
フォームを送信した後…?
-
アンケートのページを作ろうと...
-
動画配信について
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
クリックすると下に項目が出て...
-
HTMLのoptionタグ部分に画像を...
-
セレクトボックスの幅をプルダ...
-
選択ボックス内の並び換えをし...
-
VB6.0でコントロール配列の配列...
-
プルダウンを2つ以上並べる時に...
-
ドロップダウンでリンク先に移...
-
プルダウンでリンク先へいくと...
-
プルダウンメニューを選択した...
-
ドロップダウンボックスに・・
-
プルダウンのリンクについて
-
メール予約フォームを壊してし...
-
<SELECT>タグでの selected 状...
-
セレクトメニューのリンク先を...
-
プルダウンの切り替えについて
-
プルダウンメニューアイテムの...
-
プルダウンメニューでインライ...
-
複数のプルダウンメニューの作...
-
switch文のswitch(n)の部分を複...
-
プルダウンメニュー項目のフォ...
おすすめ情報
答えになっていない、ボケなす。