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ランキング
-
「貸してください」という依頼...
-
「指示に従ってください」「迎...
-
ご指導賜りますようお願い申し...
-
「~頂けますようお願いします...
-
「以上、よろしくお願い致しま...
-
うちわ の数え方 うちわ は ど...
-
富士通ゼネラルのエアコンの温...
-
アイハーブ 日本語表記
-
2,5,6の公倍数を教えてください。
-
四季刻歌が入ったcdを購入した...
-
社会性や適応能力が高まると自...
-
言葉使いについて 「ご着席お願...
-
彼女がお泊まりですぐに拗ねます…
-
スマホ(アンドロイド)のユー...
-
ご相談お願いいたしますは二重...
-
松屋についてです。松屋は店舗...
-
現代語訳お願いします。呂氏春...
-
2ヶ月って何日くらいでしたっけ...
-
高麗川駅に電話したいのですが...
-
すごい簡単な質問ですが。
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
「貸してください」という依頼...
-
「~頂けますようお願いします...
-
「指示に従ってください」「迎...
-
「以上、よろしくお願い致しま...
-
うちわ の数え方 うちわ は ど...
-
ご指導賜りますようお願い申し...
-
20mシャトルランって100回走る...
-
富士通ゼネラルのエアコンの温...
-
お願いされたら、好きじゃなく...
-
恐山の宇曽利湖はレモン並みの...
-
あれ? お久し振りです。 本日...
-
お金
-
wppxファイルが開けないのです...
-
57kgの5パーセントってなんkgで...
-
ご相談お願いいたしますは二重...
-
言葉使いについて 「ご着席お願...
-
小数点第一位とは・・・
-
ご不幸のあった方へのお願いの...
-
彼女がお泊まりですぐに拗ねます…
-
氷晶石の化学式を理解もしくは...
おすすめ情報
ちなみに組み合わせと
組み合わせによる
表示は
どのようなコードになりますでしょうか?
HTMLにて2つのプルダウンメニュー用意しておき
ブラウザ画面で
2つのプルダウンメニューから項目を選択
jsで2つのプルダウンメニューのidを取得して
取得した組み合わせに応じて
ブラウザにメッセージを表示させたいのですが
jsで2つの異なるidを取得して
その組合せを
HTMLで用意した組み合わせに応じた
メッセージを表示させたら良いか
分からずです。