JSFiddle - React, Tailwind, and code Playground

by Lalji Tadhani

HTML

<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
<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>Choose your pick</option>
                            <option value="1">Rock</option>
                            <option value="2">Sciessors </option>
                            <option value="3">Paper</option>
                        </select>

CSS

img.active{
  border:1px solid red;
  z-index:999;
  position:relative;
}

JavaScript

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