Показать сообщение отдельно
  #6 (permalink)  
Старый 21.12.2012, 14:34
Аватар для lord2kim
Профессор
Отправить личное сообщение для lord2kim Посмотреть профиль Найти все сообщения от lord2kim
 
Регистрация: 03.05.2011
Сообщений: 848

Tigerfox, как то так если из соответствующих таблиц
<html>
<head>
<title></title>
<script>
var d = document;

function result() {
	if (d.getElementById("lining").value == 0 || d.getElementById("width").value == 0 || d.getElementById("height").value == 0) {  }
	else {
		var table = d.getElementById(d.getElementById("lining").value), res;
		res = table.getElementsByTagName("tr")[d.getElementById("width").value].getElementsByTagName("td")[d.getElementById("height").value].innerHTML;
		d.getElementsById("result").innerHTML = res;
	}
}

window.onload = function () {
	d.getElementById("lining").onchange = function () { d.getElementById("img").src = (this.value == 0 ? "" : this.value+".jpg"); result(); };
	d.getElementById("width").onchange = d.getElementById("height").onchange = function () { result(); };
}
</script>
</head>
<body>
<table id="pellicle">
	<!-- данные для таблиц -->
</table>
<table id="plastic">
	<!-- данные для таблиц -->
</table>
<table id="metal">
	<!-- данные для таблиц -->
</table>
<select id="lining">
	<option value="0"></option>
	<option value="pellicle">Пленка</option>
	<option value="plastic">Пластик</option>
	<option value="metal">Металл</option>
</select>
<select id="width">
	<option value="0"></option>
	<option value="1">500мм</option>
	<option value="2">600мм</option>
	<option value="3">700мм</option>
	<option value="4">800мм</option>
	<option value="5">900мм</option>
</select>
<select id="height">
	<option value="0"></option>
	<option value="1">500мм</option>
	<option value="2">600мм</option>
	<option value="3">700мм</option>
	<option value="4">800мм</option>
	<option value="5">900мм</option>
</select>
Цена: <span id="result"></span><br>
<img src="" id="img">
</body>
</html>
Ответить с цитированием