JSFiddle - React, Tailwind, and code Playground
HTML
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<table id="prop" border=1 width=100%>
<tr>
<td>TEST</td>
<td data-product>Изображение</td>
<td>
<select class="chosen" id="chosenmak" name="maker">
<option value="">Выберите...</option>
<option data-price="300" data-image="http://iconizer.net/files/Farm-fresh/orig/car_add.png" value="1">Модель 1</option>
<option data-price="500" data-image="http://www.iconsearch.ru/uploads/icons/iconslandtransport/32x32/lorrygreen.png" value="2">Модель 2</option>
</select>
</td>
<td data-product></td>
</tr>
<tr>
<td>TEST2</td>
<td data-product>Изображение</td>
<td>
<select class="chosen" id="chosenmak2" name="maker2">
<option value="">Выберите...</option>
<option data-price="300" data-image="http://iconizer.net/files/Farm-fresh/orig/car_add.png" value="1">Модель 1</option>
<option data-price="500" data-image="http://www.iconsearch.ru/uploads/icons/iconslandtransport/32x32/lorrygreen.png" value="2">Модель 2</option>
</select>
</td>
<td data-product></td>
</tr>
</table>
<div id="summa">Итого</div>
JavaScript
$(function() {
$('[data-product]').hide();
$('#chosenmak').change(function() {
var e = $(this).children(':selected'),
td = e.closest('tr').children().slice(0,4);
$('[data-product]').show();
if(!this.value) {
//td.empty();
$('[data-product]').hide();
return;
}
td.eq(1).html('<img src='+e.data('image')+'>');
td.eq(3).text(e.data('price'));
})
$('#chosenmak2').change(function() {
var e = $(this).children(':selected'),
td = e.closest('tr').children().slice(0,4);
$('[data-product]').show();
if(!this.value) {
//td.empty();
$('[data-product]').hide();
return;
}
td.eq(1).html('<img src='+e.data('image')+'>');
td.eq(3).text(e.data('price'));
})
});