Показать сообщение отдельно
  #7 (permalink)  
Старый 14.07.2014, 00:33
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,105

werwolf4,

<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  td,select{
    width: 150px;
  }
  .harakt td div{
     display: none;
  }
  </style>
 <script>
window.onload = function () {
    var a = document.querySelectorAll("select");
    Array.prototype.forEach.call(a, function (a, c) {
        a.onchange = function () {
            var a = document.querySelectorAll(".harakt thead td:nth-child(" + (c + 2) + ") div"),
                d = this.selectedIndex || 0;
            Array.prototype.forEach.call(a, function (a, b) {
                a.style.display = b == d ? "block" : "none"
            });
            a = document.querySelectorAll(".harakt tbody td:nth-child(" + (c + 2) + ") div");
            Array.prototype.forEach.call(a, function (a, b) {
                a.style.display = b == d ? "block" : "none"
            })
        }
    })
};
</script>
</head>

<body>
<table class="table_header" border="0">
	<tbody>
		<tr>
			<td>Трансмиссия </td>
			<td>
				<div>
					<select>
						<option value="1" selected="selected">Выберите комплектацию</option>
						<option value="2">LT 1.6 AT Base</option>
						<option value="3">LT 1.6 AT Comfort Pack</option>
						<option value="4">LT 1.6 AT Alloy Wheels Pack</option>
						<option value="5">LT 1.6 AT Comfort and Alloy Wheels Pack</option>
						<option value="6">LTZ 1.6 AT</option>
					</select>
				</div>
			</td>
			<td>
				<div>
					<select>
						<option value="1">Выберите комплектацию</option>
						<option value="2">LT 1.6 AT Base</option>
						<option value="3">LT 1.6 AT Comfort Pack</option>
						<option value="4">LT 1.6 AT Alloy Wheels Pack</option>
						<option value="5">LT 1.6 AT Comfort and Alloy Wheels Pack</option>
						<option value="6">LTZ 1.6 AT</option>
					</select>
				</div>
			</td>
			<td>
				<div>
					<select>
						<option value="1">Выберите комплектацию</option>
						<option value="2">LT 1.6 AT Base</option>
						<option value="3">LT 1.6 AT Comfort Pack</option>
						<option value="4">LT 1.6 AT Alloy Wheels Pack</option>
						<option value="5">LT 1.6 AT Comfort and Alloy Wheels Pack</option>
						<option value="6">LTZ 1.6 AT</option>
					</select>
				</div>
			</td>
		</tr>
	</tbody>
</table>


		<table class="harakt" border="0" cellspacing="0" cellpadding="0">
			<thead>
				<tr><td>Трансмиссия </td>
					<td>
						<div></div>
						<div>LT 1.6 AT Base</div>
						<div>LT 1.6 AT Comfort Pack</div>
						<div>LT 1.6 AT Alloy Wheels Pack</div>
						<div>LT 1.6 AT Comfort and Alloy Wheels Pack</div>
						<div>LTZ 1.6 AT</div>
					</td>
					<td>
						<div></div>
						<div>LT 1.6 AT Base</div>
						<div>LT 1.6 AT Comfort Pack</div>
						<div>LT 1.6 AT Alloy Wheels Pack</div>
						<div>LT 1.6 AT Comfort and Alloy Wheels Pack</div>
						<div>LTZ 1.6 AT</div>
					</td>
					<td>
						<div></div>
						<div>LT 1.6 AT Base</div>
						<div>LT 1.6 AT Comfort Pack</div>
						<div>LT 1.6 AT Alloy Wheels Pack</div>
						<div>LT 1.6 AT Comfort and Alloy Wheels Pack</div>
						<div>LTZ 1.6 AT</div>
					</td>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>Трансмиссия </td>
					<td>
						<div></div>
						<div>Автоматическая 6-ступенчатая коробка передач</div>
						<div>Автоматическая 6-ступенчатая коробка передач</div>
						<div>Автоматическая 6-ступенчатая коробка передач</div>
						<div>Автоматическая 6-ступенчатая коробка передач</div>
						<div>Автоматическая 6-ступенчатая коробка передач</div>
					</td>
					<td>
						<div></div>
						<div>Автоматическая 6-ступенчатая коробка передач</div>
						<div>Автоматическая 6-ступенчатая коробка передач</div>
						<div>Автоматическая 6-ступенчатая коробка передач</div>
						<div>Автоматическая 6-ступенчатая коробка передач</div>
						<div>Автоматическая 6-ступенчатая коробка передач</div>
					</td>
					<td>
						<div></div>
						<div>Автоматическая 6-ступенчатая коробка передач</div>
						<div>Автоматическая 6-ступенчатая коробка передач</div>
						<div>Автоматическая 6-ступенчатая коробка передач</div>
						<div>Автоматическая 6-ступенчатая коробка передач</div>
						<div>Автоматическая 6-ступенчатая коробка передач</div>
					</td>
				</tr> 	</tbody>
                </table>
</body>

</html>

Последний раз редактировалось рони, 14.07.2014 в 00:36.
Ответить с цитированием