JSFiddle - React, Tailwind, and code Playground

by Melst Tslem

HTML

<table> 
        <tr> 
            <td> 
                <div class="selbut"><span>Выбор</span>
        <ul class="sel">
            <li>350x2000</li>
            <li>380x2000</li>
            <li>500x2000</li>
        </ul>
    </div>
            </td>
        </tr>
               <tr> 
            <td> 
                <div class="selbut"><span>Выбор</span>
        <ul class="sel">
            <li>350x2000</li>
            <li>380x2000</li>
            <li>500x2000</li>
        </ul>
    </div>
            </td>
        </tr>
    </table>

CSS

.selbut {
    cursor: pointer;
}
.selbut ul {
    margin: 0;
    padding: 0;
}
.selbut {
    display: block;
}
.sel {
    position: absolute;
    list-style: none;
}
.sel li{
    display: none;
    cursor: pointer;
}

JavaScript

$('.selbut').click(function (){
               $(this).children().children().slideDown(200);
               var li = $(this).children().children();
               
               $('.selbut').click(function (){
               $(li).slideUp();
               });
              
          $(li).click(function (){
                var cur = $(this).text();
                $(this).parent().parent().parent().find('span').text(cur);
                $(li).slideUp(1);
                       
    });
    
             });