Сообщение от Яростный Меч
|
вместо $(document).ready(function(){}) использовать window.onload = function(){}
вместо $('#selecter1')click(function(){}) - document.getElementById("selecter1").onclick = function(){}
|
К сожалению такой вариант не работает - блоки не выводятся
<!DOCTYPE html>
<html>
<head>
<!--<script src="http://code.jquery.com/jquery-latest.js"></script>-->
<script type="text/javascript">
window.onload = function(){
document.getElementById("selecter1").onClick = function(){
document.getElementById("block1").style.display = "none";
document.getElementById("block2").style.display = "none";
});
document.getElementById("selecter2").onClick = function(){
document.getElementById("block1").style.display = "block";
document.getElementById("block2").style.display = "none";
});
document.getElementById("selecter3").onClick = function(){
document.getElementById("block1").style.display = "none";
document.getElementById("block2").style.display = "block";
});
});
</script>
</head>
<body>
<select name="menu" size="1">
<option name="type" value="0" id="selecter1" select="selected"> </option>
<option name="type" value="1" id="selecter2">Фундамент</option>
<option name="type" value="2" id="selecter3">Перекрытия 1-го этажа</option>
</select>
<div id="block1" style="display:none;">БЛОК 1</div>
<div id="block2" style="display:none;">БЛОК 2</div>
</body>
</html>