javascript - 选择选项时为图像指定类别

Question

我想知道选择了哪个选项，例如选择了 value=2 的选项并将 z-index 赋予图像 class="2" 使用 JavaScript。

<div id="images1">
  <img class="1" src="paper.png">
  <img class="2" src="sciessors.png">
  <img class="3" src="rock.png">
</div>

<select class="player1">
  <option value="1">Choose your pick</option>
  <option value="1">Rock</option>
  <option value="2">Sciessors </option>
  <option value="3">Paper</option>
</select>

Answer 1

您可以使用 jQuery 来执行此操作。试试这个方法

$('.player1').change(function(){
$('#images1 img').removeClass('active');
    var value = $(this).val();
    //console.log(value);
    $(this).parents().find('#images1').find('.' + value ).addClass('active')
})

https://jsfiddle.net/lalji1051/d8xz2a7u/9/