<HTML>
<HEAD>
<title>
http://www.xtx.kr</title>
<script>
/* This script and many more are available free online at
The JavaScript Source!!
http://javascript.internet.com
Created by: Ricom Productions |
http://ricom.co.uk */
function selectForm(frm){
// Select the div containing all the hidden forms
var hiddenForms = document.getElementById("allForms");
// Select every form within the above div and assign it to an array
theForm = hiddenForms.getElementsByTagName("div");
// Set the display for each of the above forms to NONE
for(x=0; x<theForm.length; x++){
theForm[x].style.display = "none";
}
// If the form selected from the list exists, set it's display to BLOCK
if (theForm[frm-1]){
theForm[frm-1].style.display = "block";
}
}
</script>
</HEAD>
<BODY>
<select id="someID" name="someID" onChange="selectForm(this.options[this.selectedIndex].value)"
style=width:200>
<option> ---선택---</option>
<option value="1"> 질문 1</option>
<option value="2"> 질문 2</option>
<option value="3"> 질문 3</option>
</select>
<div id="allForms">
<div style="color: #000; background:#EFE3C2; width:200px; padding: 10px;
display:none;">
답변 내용 1
</div>
<div style="color: #000; background:#FFCC66; width:200px; padding: 10px;
display:none;">
답변 내용 2
</div>
<div style="color: #000; background:#66FFCC; width:200px; padding: 10px;
display:none;">
답변 내용 3
</div>
</div>
</BODY>
</HTML>
추천 : 