JSFiddle - React, Tailwind, and code Playground

by Hey4

HTML

<br>
<a id="t" >20 sec</a><a id="r">25 sec</a><a id="s">30 sec</a>
<select name="timer" autocomplete="off" onChange="getZakaz(this.form)" tabindex="5" style="width:225px;">
<option value="0">20 секунд</option>
<option value="1">25 секунд(+4 WMR)</option>
<option value="2">30 секунд(+8 WMR)</option>
<option value="3">35 секунд(+12 WMR)</option>
<option value="4">40 секунд(+16 WMR)</option>
</select>

CSS

a{
 border: 1px solid red;
margin-left:3px;
cursor:pointer;
}
.asd{
border: 1px solid blue;
}

select{

}

JavaScript

$( function() {
    $("#t").addClass("asd")
    $("select option[value=0]").attr('selected', 'selected');       
    $("#r").click(function(){
        $("select option[value=1]").attr('selected', 'selected');
        $(this).addClass("asd")      
        $("#t,#s").removeClass("asd")  
            })
    $("#t").click(function(){
        $("select option[value=0]").attr('selected', 'selected');
          $(this).addClass("asd")    
          $("#r,#s").removeClass("asd")
              })
     $("#s").click(function(){
        $("select option[value=2]").attr('selected', 'selected');
            $(this).addClass("asd")  
          $("#t,#r").removeClass("asd")
                })
        })