- ベストアンサー
プルダウンで選択した2つの値を
例えば、プルダウンを2つ作り、2つから、晴れ、りんごと選択しいいねと表示させるプログラムを作成したいです。 この場合は、プルダウンは連動する必要がありません。 以下のプログラムを参考に作っているのですが、いかんせんうんともすんともいきません。 https://developer.mozilla.org/ja/docs/Learn/Java …。 どうしたらいいのでしょうか。能力がないものは泣き寝入りしかないのでしょうか。
- semboku_love
- お礼率4% (43/955)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
<!DOCTYPE html> <meta charset="utf-8"> <title></title> <style> </style> <body> <select name="A"> <option value="">-- <option value="a0">a0 <option value="a1">a1 <option value="a2">a2 </select> <select name="B"> <option value="">-- <option value="b0">b0 <option value="b1">b1 <option value="b2">b2 </select> <p></p> <script> const mess = { 'a0b0': 'abcdefg', 'a0b1': 'hijklmn', }; document.addEventListener ('change', ()=> { let sels = document.querySelectorAll ('select[name="A"],select[name="B"]'); let key = [...sels].map (s=> s.value).join (''); document.querySelector('p').textContent = mess[key] || ''; }); </script>
お礼
ありがとうございます。