Javascript count how many selected from multiple selects

Question

This is HTML:

<select class="form-control selectVitrat" name="PVSuperior" id="PVSuperior">
      <option value="NO">NU</option>
      <option value="YES">DA</option>
    </select>
<select class="form-control selectVitrat" name="PVIntermediar9" id="PVIntermediar9">
      <option value="NO">NU</option>
      <option value="YES">DA</option>
    </select>
<select class="form-control selectVitrat" name="PVIntermediar8" id="PVIntermediar8">
      <option value="NO">NU</option>
      <option value="YES">DA</option>
    </select>

How can I count how many Yes I selected from these multiple selections?

I see no JavaScript here. What have you tried?

J. Titus
– J. Titus

2017-08-01 13:21:29 +00:00
Commented Aug 1, 2017 at 13:21 — J. Titus
– J. Titus, Commented Aug 1, 2017 at 13:21
var count = $(".selectVitrat :selected").length;

Bogdan Constantinescu
– Bogdan Constantinescu

2017-08-01 13:22:12 +00:00
Commented Aug 1, 2017 at 13:22 — Bogdan Constantinescu
– Bogdan Constantinescu, Commented Aug 1, 2017 at 13:22
It returns all my selections number

Bogdan Constantinescu
– Bogdan Constantinescu

2017-08-01 13:22:38 +00:00
Commented Aug 1, 2017 at 13:22 — Bogdan Constantinescu
– Bogdan Constantinescu, Commented Aug 1, 2017 at 13:22

Milan Chheda · Accepted Answer · 2017-08-01 13:23:29Z

In JavaScript, you can use getElementsByTagName to get all the select. And using for loop, you can check how many select have YES values:

function checkTotalYes() {
  var selectElements = document.getElementsByTagName("select");
  var count = 0;
  for (var i = 0; i < selectElements.length; i++) {
    if (selectElements[i].value == 'YES')
      count++;
  }
  console.log('Total Yes: ' + count);
}

checkTotalYes();

<select class="form-control selectVitrat" name="PVSuperior" id="PVSuperior" onchange="checkTotalYes()">
  <option value="NO">NU</option>
  <option value="YES">DA</option>
</select>
<select class="form-control selectVitrat" name="PVIntermediar9" id="PVIntermediar9" onchange="checkTotalYes()">
  <option value="NO">NU</option>
  <option value="YES">DA</option>
</select>
<select class="form-control selectVitrat" name="PVIntermediar8" id="PVIntermediar8" onchange="checkTotalYes()">
  <option value="NO">NU</option>
  <option value="YES">DA</option>
</select>

Collectives™ on Stack Overflow

Javascript count how many selected from multiple selects

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related