No.3ベストアンサー
- 回答日時:
こんにちは
抽象的に同じ説明を繰り返しているようですけれど、「組み合わせる」方法はいくらでもあり得るので、それによってスクリプトは変わってくることになります。
ですので、内容が抽象的なままで具体的なものを求められても、回答しようがないということです。
などと言っても意味が伝わらないかも知れませんので、以下に簡単な例を挙げておきます。
これでなさりたいものが作れるとも思えませんし、お考えの内容とは多分違うでしょうけれど、ご質問の抽象的な内容には合っていると思いますので・・
<!DOCTYPE HTML>
<html lang="ja">
<head><title>Sample</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<div id="hoge">
<select name="lang">
<option value="">--</option>
<option value="1">日本語</option>
<option value="2">英語</option>
<option value="3">スペイン語</option>
</select>
<select name="animal">
<option value="">--</option>
<option value="1">いぬ</option>
<option value="2">ねこ</option>
<option value="3">さる</option>
</select>
<p>
<output></output>
</p>
</div>
<script>
{
const
dat = ['犬,dog,perro', '猫,cat,gato', '猿,monkey,mono'],
data = dat.map( d=> d.split(',') ),
hoge = document.getElementById('hoge'),
sel = hoge.querySelectorAll('select'),
changeHandler = e => {
const
s = [...sel].map( s => s.value ),
c = [...sel].map( s => s.options[s.selectedIndex].textContent ),
out =(s[0] && s[1])?`${c[0]}で${c[1]}は「${data[s[1]-1][s[0]-1]}」です。`:'';
hoge.querySelector('output').textContent = out;
};
hoge.addEventListener('change', changeHandler);
}
</script>
</body>
</html>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 電車の運賃を出すプログラムを作っています。 2 2022/06/22 09:36
- JavaScript セレクトボックスを2つ選択してメッセージなどを表示するには。~運賃検索プログラムを完成させたい~ 1 2022/07/22 11:10
- Visual Basic(VBA) データのある範囲を選択するVBAについて 2 2022/09/03 00:20
- JavaScript 中百舌鳥駅と深井駅を入れ替えて選択しても同じ挙動にしたいです。 2 2022/06/24 18:45
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
- JavaScript JavaScriptの条件分岐について(yes noチャート)で悩んでおります。 Q1は2択(ab) 5 2023/04/15 11:44
- JavaScript セレクトボックスで配列を呼び出したい。 1 2022/07/08 20:14
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- HTML・CSS HTMLを正しく表示させるには 2 2023/06/18 09:12
- JavaScript jsで診断コンテンツのページ内切り替えについて 1 2023/04/14 17:31
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
「貸してください」という依頼...
-
「指示に従ってください」「迎...
-
「~頂けますようお願いします...
-
金は奪われるが知識は奪われな...
-
Windows「KB5058411」の更新が失敗
-
高麗川駅に電話したいのですが...
-
ご指導賜りますようお願い申し...
-
足らぬ足らぬは工夫が足らぬと...
-
20mシャトルランって100回走る...
-
株式会社光洋スーパーKOHYOのヒ...
-
「以上、よろしくお願い致しま...
-
●定着率が低い会社の特徴をお聞...
-
お願いされたら、好きじゃなく...
-
最近は新聞紙もJANコードがつい...
-
日常のちょっとした不幸あるあ...
-
さよならソング♪
-
ご相談お願いいたしますは二重...
-
すごい簡単な質問ですが。
-
回答宜しくお願い致します。 ネ...
-
スマホでネット買い物、会員登...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
「貸してください」という依頼...
-
「~頂けますようお願いします...
-
「指示に従ってください」「迎...
-
ご指導賜りますようお願い申し...
-
さよならソング♪
-
Win10のPcを持っているのですが...
-
「以上、よろしくお願い致しま...
-
お願いされたら、好きじゃなく...
-
高麗川駅に電話したいのですが...
-
今月から社会人として働く者で...
-
ご相談お願いいたしますは二重...
-
2ヶ月って何日くらいでしたっけ...
-
ニーバ―の祈りについて,質問で...
-
b>2 の否定がどうして、 b≦2 ...
-
瀬戸内海の島に移住したいので...
-
中古のスマホを買おうと思うの...
-
WindowsのキーボードでHOMEとEN...
-
上棟の日が雨
-
現在売っているAndroidスマホの...
-
久しぶりに油絵の具で茂みを描...
おすすめ情報

ちなみに組み合わせと
組み合わせによる
表示は
どのようなコードになりますでしょうか?
HTMLにて2つのプルダウンメニュー用意しておき
ブラウザ画面で
2つのプルダウンメニューから項目を選択
jsで2つのプルダウンメニューのidを取得して
取得した組み合わせに応じて
ブラウザにメッセージを表示させたいのですが
jsで2つの異なるidを取得して
その組合せを
HTMLで用意した組み合わせに応じた
メッセージを表示させたら良いか
分からずです。