다중 셀렉트(select) 박스 2

인터넷관련 2008. 2. 1. 09:39
  1. <style type=text/css>
  2. select {font-size:9pt;font-family:굴림;}
  3. </style>
  4. </head>
  6. <body bgcolor=white text=black link=blue vlink=purple alink=red>
  8. <table align=center>
  10. <form name=form method=POST action="">
  12. <tr>
  13. <td>
  14. <select name="high_cg" size="1" onchange="changeCG(document.form.high_cg)"></select>
  15. <select name="mid_cg" size="1">
  16. <option value="중분류">중분류</option>
  17. </select>
  19. </td>
  21. </form>
  22. <script language="JavaScript">
  23. <!-- JavaScript
  24. midCG = new Array(20);
  26. midCG[0] = "";
  27. midCG[1] = new Array("TV","라디오","인터넷방송","신문","웹진","잡지","각종 통계","쿨사이트");
  28. midCG[2] = new Array("영화","연극/음악","만화-애니메이션","문학","연예","유머-재미","게임");
  29. midCG[3] = new Array("공연예술","공예","디자인","박물관,화랑","예술가"," 전통예술");
  30. midCG[4] = new Array("정부기관","정치","법","군대","대사관","시민단체");
  31. midCG[5] = new Array("사람들","사회이슈","문화","기관-단체","환경-자연","식음료","동호회");
  32. midCG[6] = new Array("회사","광고","투자-재테크","금융","증권","보험","부동산","취업-채용","창업");
  33. midCG[7] = new Array("쇼핑몰"," 경매","공동구매 ","가격비교","소비자평가");
  34. midCG[8] = new Array("무료정보","무료다운","이벤트-경품 소개");
  35. midCG[9] = new Array("하드웨어","소프트웨어","프로그래밍 언어","멀티미디어","게임","보안과 암호","인터넷종합","채팅","통신-네트워크","OS");
  36. midCG[10] = new Array("패션","미용","가족","결혼","육아","다이어트","인테리어");
  37. midCG[11] = new Array("여행-관광","취미","레저","자동차","게임");
  38. midCG[12] = new Array("실내스포츠","실외스포츠","스포츠스타","스포츠관련 미디어","스포츠종합");
  39. midCG[13] = new Array("인문과학","사회과학","자연과학","공학");
  40. midCG[14] = new Array("건강일반","병원","의학정보","한의학","의료상담","다이어트");
  41. midCG[15] = new Array("교육일반","학교","선생님","기관-단체","온라인교육","시험-자격증");
  42. midCG[16] = new Array("유학","도서관","전문가서비스");
  43. midCG[17] = new Array("학과","동아리","학생회","동문-동창회","연구소","소모임");
  44. midCG[17] = new Array("기독교","천주교","불교","민족종교","기타");
  45. midCG[18] = new Array("가수","탤런트","개그맨","영화배우","모델","스포츠스타","순수예술인");
  46. midCG[19] = new Array("기업","사람","기타");
  48. listHighCG = new Array("대분류 선택","뉴스-미디어","엔터테이먼트","예술","정치 및 법","사회문화","경제","쇼핑","공짜&무료","컴퓨터,인터넷","가정-여성","레크리에이션","스포츠","학문-과학","건강-의학","교육","학교","종교","팬클럽","안티사이트");
  50. highSelect = document.form.high_cg;
  51. midSelect = document.form.mid_cg;
  53. function strPos(s, s1)
  54. {
  55. if(s1 == null) return;
  56. for(i=0; i<s.length; i++)
  57. {
  58. if(s[i] == s1) return i;
  59. }
  61. return -1;
  62. }
  64. function setMidCG(high_cg,mid_cg)
  65. {
  66. var num = midSelect.length;
  67. for(i=0; i<num; i++)
  68. {
  69. midSelect.options[1]= null;
  70. }
  72. midSelect.options[0] = new Option("중분류 선택","");
  73. for(var i=0; i<midCG[high_cg].length; i++)
  74. {
  75. var myitem = new Option(midCG[high_cg][i])
  76. midSelect.options[i+1] = myitem;
  77. }
  79. if(mid_cg > 0)
  80. {
  81. midSelect.options.selectedIndex = mid_cg;
  82. }
  83. }
  85. function changeCG(menu)
  86. {
  87. selectNum = menu.selectedIndex;
  89. setMidCG(selectNum,0);
  90. }
  92. function init()
  93. {
  94. for(var i=0; i<listHighCG.length; i++)
  95. {
  96. var item = new Option(listHighCG[i])
  97. highSelect.options[i] = item;
  98. }
  100. pos = strPos(listHighCG,"컴퓨터,인터넷");
  101. if(pos < 1) pos = 0;
  103. setMidCG(pos,strPos(midCG[pos],"인터넷종합")+1);
  104. highSelect.options.selectedIndex = pos;
  105. }
  107. window.onload = init;
  108. // - JavaScript - -->
  109. </script>
  111. </tr>
  112. </table>

'인터넷관련' 카테고리의 다른 글

원 클릭으로 클립보드 복사하기 3 - input  (0) 2008.02.01
타이틀바에 년/월/일/시간/분/초 나타내기  (0) 2008.02.01
태그피아 웹에디터 (태그 연습장, 인코딩, 디코딩, 색상표, 특수문자 변환, 한줄소스)  (0) 2008.02.01
다중 셀렉트(select) 박스  (0) 2008.02.01
산돌커뮤니케이션 폰트 무료 다운로드 행사  (0) 2008.02.01
올블스러운 이미지 클라우드 만들기  (0) 2008.02.01
onchang 이벤트 발생한적 있는지 검사하는 스크립트  (0) 2008.02.01
싸이월드 한달 출석하면 도토리 100개 무료 충전  (0) 2008.02.01
Posted by 알 수 없는 사용자
,

티스토리툴바