Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   изменение размеров <div> при помощи <select> (https://javascript.ru/forum/dom-window/34154-izmenenie-razmerov-div-pri-pomoshhi-select.html)

zerojava 21.12.2012 23:38

изменение размеров <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>

рони 22.12.2012 00:07

zerojava,
У вас нет элементов с id -> l и h
нет нигде единиц измерения px и ...
:write:
<script>
function k(){
	var length = document.getElementsByName('l')[0].value;
        document.getElementById("karkas").style.width = length+"px";
	var height = document.getElementsByName("h")[0].value;
		document.getElementById("karkas").style.height = height+"px";
	}
</script>
<div id="karkas" style="width:180px;height:215px;background:#ff0000;">hhh</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>

zerojava 22.12.2012 00:15

Цитата:

Сообщение от рони
У вас нет элементов с id -> l и h
нет нигде единиц измерения px и ...

Ваша правда :) код "лепил" из примеров, спасибо за помощь!


Часовой пояс GMT +3, время: 21:38.