JSFiddle - React, Tailwind, and code Playground

by IVsevolod

HTML

<div class="wrapper_prods">
<div id="id" style="display: none">1</div>
<select id="test">
<option value="1">1</option>
<option value="1">2</option>
<option value="1">3</option>
</select>
<div id="#text"></div>
</div>
<div class="wrapper_prods">
<div id="id" style="display: none">2</div>
<select id="test">
<option value="1">1</option>
<option value="1">2</option>
<option value="1">3</option>
</select>
<div id="#text"></div>
</div>
<div class="wrapper_prods">
<div id="id" style="display: none">3</div>
<select id="test">
<option value="1">1</option>
<option value="1">2</option>
<option value="1">3</option>
</select>
<div id="#text"></div>
</div>

JavaScript

$("[id=test]").each(function(){
    var obj = $(this);
obj.change(function() {
        var numberp=$(this).closest('.wrapper_prods').find('#id').html();
        var op=$('#test').val();
        alert(numberp);
  });    
})