JSFiddle - React, Tailwind, and code Playground

HTML

<div class="lev" id="lev1">
        <div style="float:left;margin: 0 5px 0 0;width: 105px; height: 100px">
        <img src="http://www.dominos.mk/gallery/395s.jpg"/></div>
        <div class="ime">  Margarita  </div>
        <div class="info">info about product</div>
        <div><p>Size is <span>small</span>.</p></div>
        <div class="clear"></div>
        <div><select name="price" id="price1">
            <option value="320$">320 $</option>
            <option value="220$">220 $</option>
        </select>
           
        </div>
    </div>
<div class="lev" id="lev2">
        <div style="float:left;margin: 0 5px 0 0;width: 105px; height: 100px">
        <img src="http://www.dominos.mk/gallery/395s.jpg"/></div>
        <div class="ime">  Margarita  2</div>
        <div class="info">info about product</div>
        <div><p>Size is <span>small</span>.</p></div>
        <div class="clear"></div>
        <div><select name="price" id="price1">
            <option value="320$">320 $</option>
            <option value="220$">220 $</option>
        </select>
            
        </div>
    </div>

CSS

.clear{clear: both;}   

        .lev
        {
        float: left;
        border: 1px solid ghostwhite;
        border-radius: 10px 10px 10px 10px;
        font-size: 10px;
        margin: 3px;
        padding: 10px;
        text-align: left;
        width: 308px;
        height:156px;
        }

        .ime{font-size:13px; font-weight:bold;}
        .info{color:grey}

JavaScript

$('select').change(function() {
    var selectval = $(this).val();
    var atrID=$(this).closest('.lev').attr('id');
    ($('div#'+atrID +' .info').text(selectval));
    });