كود HTML:
<html>
<head>
<link se="stylesheet" type="text/css"
id="style1" href="try_dom_link.css" />
</head>
<body>
<script type="text/javascript">
function show(){
var select=document.myform.choice.value;
if(document.getElementById(select).style.display == "none" && select == "v1"){
document.getElementById("v1").style.display="";
document.getElementById("v2").style.display="none";
}
if(document.getElementById(select).style.display == "none" && select == "v2"){
document.getElementById("v2").style.display="";
document.getElementById("v1").style.display="none";
}
}
</script>
</body>
<form name="myform">
<SELECT name=choice onChange="return show();">
<OPTION value="" selected>اختر </OPTION>
<OPTION value="v1" >choice 1</OPTION>
<OPTION value="v2">choice2</OPTION>
</SELECT>
</form>
<div id="v1" style="display:none">اظهار v1</div>
<div id="v2" style="display:none">اظهار v2</div>
</html>