|
Сообщение от makalet
|
|
Вот с этим у меня и проблемы.
|
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style>
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
$(function() {
$('#chosenmak').change(function() {
if(!this.value) return;
var e = $(this).children(':selected'), td = e.closest('tr').children();
td.eq(0).html('<img src='+e.data('image')+'>');
td.eq(1).text(e.text());
td.eq(2).text(e.data('price'));
})
});
</script>
</head>
<body>
<table id="prop" border=1 width=100%>
<tr>
<td></td>
<td></td>
<td></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>
</tr>
</table>
</body>
</html>