изменение размеров <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, время: 21:38. |