Показать сообщение отдельно
  #1 (permalink)  
Старый 21.12.2012, 23:38
Интересующийся
Отправить личное сообщение для zerojava Посмотреть профиль Найти все сообщения от zerojava
 
Регистрация: 26.05.2011
Сообщений: 20

изменение размеров <div> при помощи <select>
Всем доброй ночи. Прошу вашей помощи для реализации следующего:
в форме есть два списка со значениями длины и высоты, еще есть слой, который должен принимать размеры ширины и высоты указанные в списках. Пробовал так, но ничего не работает

<script>
function k(){
	var length = document.getElementById("l").value;
		document.getElementById("karkas").style.width = length.value;
	var height = document.getElementById("h").value;
		document.getElementById("karkas").style.height = height.value;
	}
</script>
<div id="karkas" style="width:180;height:215;background:#ff0000;"></div>
<select name="l" class="measurements" onchange="k()">
	<option value="180" selected="selected">180 см</option>
	<option value="185">185 см</option>
	<option value="190">190 см</option>
	<option value="195">195 см</option>
	<option value="200">200 см</option>
	<option value="205">205 см</option>
	<option value="210">210 см</option>
	<option value="215">215 см</option>
	<option value="220">220 см</option>
	<option value="225">225 см</option>
</select>
<select name="h" class="measurements" onchange="k()">
	<option value="200">200 см</option>
	<option value="205">205 см</option>
	<option value="210">210 см</option>
	<option value="215"selected="selected">215 см</option>
	<option value="220">220 см</option>
	<option value="225">225 см</option>
	<option value="230">230 см</option>
</select>
Ответить с цитированием