这个 Javascript 可以重写为一个类而不是一个 id 吗？

Question

我有一个系统，我试图在其中获取图像 onclick 以更改下拉选择菜单的选择。你点击蓝色的图片，水下淹死读“蓝色”，等等。我找到了一个脚本（虽然我相信它有点旧）来做到这一点。但是，它仅适用于 ID。我无法为我的选择分配 ID，因为它是 Wordpress 插件的一部分。那么，有没有办法通过使用类（每页只有一个，因此不会发生多个 ID）或“名称”属性来重新编写此 Javascript？

这是我正在使用的代码：

function SelectADropdownItem(id, val) {

  var d = document.getElementById(id);

  for (var i = 0; i < d.length; i++) {

    if (d[i].value == val) {

      d[i].selected = true;

    } else {

      d[i].selected = false;

    }

  }

}

这是我在这里尝试做的一个简单的小提琴：https : //jsfiddle.net/7p8Ljz2b

任何帮助表示赞赏。

我已经尝试过向班级添加 ID 的脚本，但没有一个对我有用。

function myFunction() {

  document.getElementsByClassName("finishes-dropdown")[0].setAttribute("id", "design-dropdown"); 

}

我希望能够在这个脚本中使用这个生成的选择。现在它不起作用，因为我无法为其分配 ID。