У нас есть 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;
}
Двигуни
Двигун Комплектний 2.2CDi 313
Двигун Комплектний 2.9 Tdi 312
Голий двигун
2000
2000
1300
Виберіть двигун зі списку вище!
Двигуни
Двигун Комплектний 2.2CDi 313
Двигун Комплектний 2.9 Tdi 312
Голий двигун
2000
2000
1300
Виберіть двигун зі списку вище!
Ответ
Если с Вашим кодом + небольшие правки, то :
$('.iteaminfo select').on('click',function(){
var iteamval = $(this).val(),
wrap = $(this).closest('.iteaminfo'),
info = wrap.find('.p_info'),
cost = wrap.find('.cost');
if(iteamval==1){
var iteaminf = wrap.find('.itm_info_1').text();
info.text(iteaminf);
var iteamcost = wrap.find('.itm_cost_1').text();
cost.text(iteamcost);
}
if(iteamval==2){
var iteaminf = wrap.find('.itm_info_2').text();
info.text(iteaminf);
var iteamcost = wrap.find('.itm_cost_2').text();
cost.text(iteamcost);
}
if(iteamval==3){
var iteaminf = wrap.find('.itm_info_3').text();
info.text(iteaminf);
var iteamcost = wrap.find('.itm_cost_3').text();
cost.text(iteamcost);
}
});
.hide_block{
display: none;
}
Двигуни
Двигун Комплектний 2.2CDi 313
Двигун Комплектний 2.9 Tdi 312
Голий двигун
2000
2000
1300
Виберіть двигун зі списку вище!
Двигуни
Двигун Комплектний 2.2CDi 313
Двигун Комплектний 2.9 Tdi 312
Голий двигун
2000
2000
1300
Виберіть двигун зі списку вище!
P.S: id - уникальный идентификатор, может быть только в ед. числе на странице.
Или так например:
$('.iteaminfo select').on('click',function(){ var iteamval = $(this).children(":selected").html(), wrap = $(this).closest('.iteaminfo'), price = $(this).children(":selected").data('price'), info = wrap.find('.p_info'), cost = wrap.find('.cost'); info.text(iteamval); cost.html(price); }); .hide_block{ display: none; }
Двигуни
Виберіть двигун зі списку вище!
Ціна:
Двигуни
Виберіть двигун зі списку вище!
Ціна:
Комментариев нет:
Отправить комментарий