selectで選んだ選択肢の数を取得したい

html
1    <select>
2      <option value="1">1</option>
3      <option value="2">2</option>
4      <option value="3">3</option>
5    </select>
6
7    <select>
8      <option value="1">1/option>
9      <option value="2">2</option>
10      <option value="3">3</option>
11    </select>
12
13    <select>
14      <option value="1">1</option>
15      <option value="2">2</option>
16      <option value="3">3</option>
17   </select>

（３問とも１を選んだら３を返す。）

各選択肢で１または２を選んだ時のselectの数を取得したいです。
jsがよくわからず困っています。

kei344

2018/12/04 15:03

ご自身で試されたコードを質問文に追記し、「何」が「どのように」わからないのか、コードのどの部分で詰まっているのかなどを具体的に追記されたほうが回答が望めると思います。

行動規範の内容に同意します

回答2件

ベストアンサー

javascript
1<script>
2window.addEventListener('DOMContentLoaded', function(e){
3  [].forEach.call(document.querySelectorAll('select'),function(x){
4    x.addEventListener('change',function(){
5      var obj={};
6      [].forEach.call(document.querySelectorAll('select'),function(x){
7        var v=x.value;
8        obj[v]=obj[v]?obj[v]+1:1;
9      });
10      console.log(obj);
11    });
12  });
13});
14</script>
15<select>
16<option value="1">1</option>
17<option value="2">2</option>
18<option value="3">3</option>
19</select>
20<select>
21<option value="1">1</option>
22<option value="2">2</option>
23<option value="3">3</option>
24</select>
25<select>
26<option value="1">1</option>
27<option value="2">2</option>
28<option value="3">3</option>
29</select>