У нас есть n-блоков !В каждом есть селекторная выборка!Проблема в том что если я выбираю из списка в 1 блоке , то значения передаються и всем следующим!Как исправить?
$('.iteaminfo select').on('click',function(){
var iteamval = $(this).val();
if(iteamval==1){
var iteaminf = $('#itm_info_1').text();
$('.p_info').text(iteaminf);
var iteamcost = $('#itm_cost_1').text();
$(".cost").text(iteamcost);
}
if(iteamval==2){
var iteaminf = $('#itm_info_2').text();
$('.p_info').text(iteaminf);
var iteamcost = $('#itm_cost_2').text();
$(".cost").text(iteamcost);
}
if(iteamval==3){
var iteaminf = $('#itm_info_3').text();
$('.p_info').text(iteaminf);
var iteamcost = $('#itm_cost_3').text();
$(".cost").text(iteamcost);
}
});
.hide_block{
display: none;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="iteaminfo">
<h3>Двигуни</h3>
<select name="motor" id="motor">
<option selected value="1">Двигун Комплектний 2.2CDi 313</option>
<option value="2">Двигун Комплектний 2.9 Tdi 312</option>
<option value="3">Голий двигун </option>
</select>
<div class="hide_block">
<p id="itm_info_1">Двигун Комплектний 2.2CDi 313</p>
<p id="itm_info_2">Двигун Комплектний 2.9 Tdi 312</p>
<p id="itm_info_3">Голий двигун</p>
<p id="itm_cost_1">2000</p>
<p id="itm_cost_2">2000</p>
<p id="itm_cost_3">1300</p>
</div>
<p class="p_info">Виберіть двигун зі списку вище!</p>
</div>
<div class="iteaminfo">
<h3>Двигуни</h3>
<select name="gov" id="motor">
<option selected value="1">Двигун Комплектний 2.2CDi 313</option>
<option value="2">Двигун Комплектний 2.9 Tdi 312</option>
<option value="3">Голий двигун </option>
</select>
<div class="hide_block">
<p id="itm_info_1">Двигун Комплектний 2.2CDi 313</p>
<p id="itm_info_2">Двигун Комплектний 2.9 Tdi 312</p>
<p id="itm_info_3">Голий двигун</p>
<p id="itm_cost_1">2000</p>
<p id="itm_cost_2">2000</p>
<p id="itm_cost_3">1300</p>
</div>
<p class="p_info">Виберіть двигун зі списку вище!</p>
</div>
$('.p_info').text(iteaminf);
делайте, например,$(this).closest('.iteaminfo').find('.p_info');
– Moonvvell 27 мар '17 в 9:29