如何通过使用div标签的类获取表单数据?

我有类似的代码:

var iconContainer = document.getElementById('iconContainer');
var icon = iconContainer.getElementsByClassName("item");


for (var i = 0; i < icon.length; i++) {
  icon[i].addEventListener("click", function() {
    var current = document.getElementsByClassName("active");
    current[0].className = current[0].className.replace(" active", "");
    this.className += " active";

  });
}
<form>
  <header>
    <div class="icon-line" id="iconContainer">
      <div class="item active" id="">
        <div class="group-icon">
          <i class="fas fa-hdd"></i>
        </div>
        <span>SSD</span>
      </div>

      <div class="item" id="">
        <div class="group-icon">
          <i class="fas fa-server"></i>
        </div>
        <span>EKRAN KARTI</span>
      </div>

      <div class="item" id="">
        <div class="group-icon">
          <i class="fas fa-microchip"></i>
        </div>
        <span>İŞLEMCİ</span>
      </div>

      <div class="item" id="">
        <div class="group-icon">
          <i class="fas fa-memory"></i>
        </div>
        <span>RAM</span>
      </div>
    </div>
  </header>
</form>

另外,我还有一个selection.js,它将所选项目的类从class =“ item”更改为class =“ item-active”

如何使用其数据控制所选项目?

我想使用选定的项目搜索我的数据。例如,您选择了SSD,因此,我将搜索我的SSD.json文件,或者您选择了RAM,我将搜索我的ram.js

怎么办 请帮助我。我对网络开发不感兴趣:(

编辑:我在服务器端使用node.js。

评论