한개의 콤박스에서 상위레벨로 이동[소스] .
<html>
<head>
<table></table>
</head>
<body>
<form name="dynamiccombo">
<select name="stage2" size="1" onChange="displaysub()">
<option value="#">내용이 들어갑니다. </option>
<option value="#">내용이 들어갑니다. </option>
<option value="#">내용이 들어갑니다. </option>
<option value="#">내용이 들어갑니다. </option>
</select>
<input type="button" name="test" value="이동!"
onClick="gothere()">
</form>
<script>
<!--
var category=new Array()
category[0]=new Option("항목을 고르세요", "")
category[1]=new Option("검색사이트", "combo1")
category[2]=new Option("신문사이트", "combo2")
category[3]=new Option("컴퓨터관련사이트", "combo3")
var combo1=new Array()
combo1[0]=new Option("앰파스","http://www.empas.com")
combo1[1]=new Option("다음","http://www.daum.net")
combo1[2]=new Option("야후","http://kr.yahoo.com")
combo1[3]=new Option("심마니","http://www.simmani.com")
combo1[4]=new Option("상위레벨로...","")
var combo2=new Array()
combo2[0]=new Option("딴지일보","http://www.ddanzi.com")
combo2[1]=new Option("조선일보","http://www.chosun.com")
combo2[2]=new Option("중앙일보","http://www.joins.com")
combo2[3]=new Option("상위레벨로...","")
var combo3=new Array()
combo3[0]=new Option("Taeyo's ASP","http://www.taeyo.pe.kr")
combo3[1]=new Option("Happy SQLER","http://www.sqler.pe.kr")
combo3[2]=new Option("코리아인터넷닷컴","http://korea.internet.com")
combo3[3]=new Option("상위레벨로...","")
var curlevel=1
var cacheobj=document.dynamiccombo.stage2
function populate(x){
for (m=cacheobj.options.length-1;m>0;m--)
cacheobj.options[m]=null
selectedarray=eval(x)
for (i=0;i<selectedarray.length;i++)
cacheobj.options[i]=new Option(selectedarray[i].text,selectedarray[i].value)
cacheobj.options[0].selected=true
}
function displaysub(){
if (curlevel==1){
populate(cacheobj.options[cacheobj.selectedIndex].value)
curlevel=2
}
else
gothere()
}
function gothere(){
if (curlevel==2){
if (cacheobj.selectedIndex==cacheobj.options.length-1){
curlevel=1
populate(category)
}
else
location=cacheobj.options[cacheobj.selectedIndex].value
}
}
populate(category)
//-->
</script>
</body>
</html>
그대로 복사해서 HTML연습장에 확인하세요
출처: 셀클럽 - http://sellclub.co.kr
다른곳에서 이용할시에는 꼭 출처를 같이 복사이용 바랍니다.
'컴퓨터-유용한팁 > HTML' 카테고리의 다른 글
| 마우스를 가져가면 밝아지는 그림연출 소스. (0) | 2015.09.05 |
|---|---|
| 브라우져 색상챠트. (0) | 2015.09.05 |
| 이미지와 관련하여 로딩속도 올리기 (0) | 2015.09.05 |
| 링크위에 마우스를 갖다대면 색이 변하는 효과 (0) | 2015.09.05 |
| 이름과 링크가 계속 변하는 링크 (0) | 2015.09.05 |