изменение размеров <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>
|
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>
|
Цитата:
|
| Часовой пояс GMT +3, время: 04:31. |