Выделяются все и текст меняется везде, как сделать так чтобы у каждого свое было? Классы менять нельзя работаем со скриптом
<div class="forma">
<div class="forma">
<select class="custom_select_crm2">
<option data-crm-value="1">1</option>
<option data-crm-value="2">2</option>
<option data-crm-value="3">3</option>
</select>
<input type="text" name="product" value="other">
</div>
<div class="forma">
<div>
<div>
<select class="custom_select_crm2">
<option data-crm-value="1">1</option>
<option data-crm-value="2">2</option>
<option data-crm-value="3">3</option>
</select>
</div>
</div>
<input type="text" name="product" value="other">
</div>
<div class="forma">
<div>
<select class="custom_select_crm2">
<option data-crm-value="1">1</option>
<option data-crm-value="2">2</option>
<option data-crm-value="3">3</option>
</select>
</div>
<div>
<div>
<input type="text" name="product" value="other">
</div>
</div>
</div>
jQuery(document).ready(function($) {
$('.custom_select_crm2').on('click', function () {
$(this).find('option').each(function() {
if($(this).prop('selected') == true){
var res = $(this).attr('data-crm-value');
$('.custom_select_crm2').parent('.forma').css('background', 'red').find('input[name="product"]').val(res);
}
});
});
});