JSFiddle - React, Tailwind, and code Playground

by Santosh Thakur

HTML

<select name="select" id="set_value">
  <option value="a">Apple</option>
  <option value="b">Bond</option>
  <option value="c">Creature</option>
</select>
<div class="a"> Apple 1</div>
<div class="b"> Bond 2</div>
<div class="c"> Creature 3</div>

CSS

select {
  width: 123px;
  padding: 5px;
}

div {
  padding: 5px;
}

JavaScript

//console.log($('#set_value option:eq(1)').prop('selected', 1));

(function() {
  $('.a').on('click', function() {
    $('#set_value option:eq(0)').prop('selected', true);
  });
  $('.b').on('click', function() {
    $('#set_value option:eq(1)').prop('selected', true);
  });
  $('.c').on('click', function() {
    $('#set_value option:eq(2)').prop('selected', true);
  });
}());