javascript - 我如何使用javascript计算所选选项中相同类/ID的数量

Question

Question1 
<select class="form-control" id="typePkt">
     <option class="eko4">12.000.0000</option>
     <option class="eko5">13.000.0000</option>
     <option class="siv1">14.000.0000</option>
     <option class="siv2">15.000.0000</option>
     <option class="pla1">16.000.0000</option>
</select>
Question2
 <select class="form-control" id="typePkt">
     <option class="eko4">12.000.0000</option>
     <option class="eko5">13.000.0000</option>
     <option class="siv1">14.000.0000</option>
     <option class="siv2">15.000.0000</option>
     <option class="pla1">16.000.0000</option>
</select>

以上是示例代码...如果我想计算我选择的总类，我该怎么做？例如：问题 1 -> 选项类 eko5 问题 2 -> 选项类 eko 5 显示：所有你选择：2

标签： javascript

Answer 1

这是一个示例代码，您可以使用它来获得所需的内容：

请注意，您必须id为每个 HTML 元素使用不同的。

function countClasses() {
  //Get the first select
  var sel1 = document.getElementById('typePkt1');
  
  //Get the value of the class attribute of the selected option
  selectedClass1 = sel1.options[sel1.selectedIndex].getAttribute("class");
  
  //Get the second select
  var sel2 = document.getElementById('typePkt2');
  
  //Get the value of the class attribute of the selected option
  selectedClass2 = sel2.options[sel2.selectedIndex].getAttribute("class");

  console.log('selected classes : '+selectedClass1+' '+selectedClass2);
}

Question1 
<select class="form-control" id="typePkt1">
     <option class="eko4">12.000.0000</option>
     <option class="eko5">13.000.0000</option>
     <option class="siv1">14.000.0000</option>
     <option class="siv2">15.000.0000</option>
     <option class="pla1">16.000.0000</option>
</select>
Question2
 <select class="form-control" id="typePkt2">
     <option class="eko4">12.000.0000</option>
     <option class="eko5">13.000.0000</option>
     <option class="siv1">14.000.0000</option>
     <option class="siv2">15.000.0000</option>
     <option class="pla1">16.000.0000</option>
</select>
<button onClick="countClasses();"> Count</button>