##################################### # Select Box ÄÜÆ®·Ñ Çϱâ # ##################################### ÀÛ¼ºÀÚ : ÀåÇüÈ­(hhjang97@venus.uos.ac.kr) ÀÛ¼ºÀÏ : 2004. 11. 01 ¼öÁ¤ÀÏ : ¿øº» : ¼³¸í : ÀÚ¹Ù½ºÅ©¸³À» ÀÌ¿ëÇÏ¿© select box °¡Áö°í ³î±â... ################################# ################################# ################################# ################################# # ################################# ################################# # Sub SelectBox Ãß°¡ ¹× Á¦°Å ################################# <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=euc-kr"> <title>Select Box ÄÜÆ®·Ñ Çϱâ</title> <script language="javascript"> <!-- tableNames = new Array(); tableNames[0] = "tmpPoint"; tableNames[1] = "tmpLine"; tableNames[2] = "tmpPolygon"; lists = new Array(); values = new Array(); //======= Á¡ ========== list1 = new Array(); value1 = new Array(); list1[0] = "NAME"; value1[0] = "NAME(VARCHAR)"; list1[1] = "GEOM"; value1[1] = "GEOM(POINT)"; list1[2] = "ETC"; value1[2] = "ETC(VARCHAR)"; list1[3] = "ETC2"; value1[3] = "ETC2(VARCHAR)"; //======= ¼± ========== list2 = new Array(); value2 = new Array(); list2[0] = "NAME"; value2[0] = "NAME(VARCHAR)"; list2[1] = "GEOM"; value2[1] = "GEOM(LINESTRING)"; list2[2] = "ETC"; value2[2] = "ETC(VARCHAR)"; list2[3] = "ETC2"; value2[3] = "ETC2(VARCHAR)"; //======= ¸é ========== list3 = new Array(); value3 = new Array(); list3[0] = "NAME"; value3[0] = "NAME(VARCHAR)"; list3[1] = "GEOM"; value3[1] = "GEOM(POLYGON)"; list3[2] = "ETC"; value3[2] = "ETC(VARCHAR)"; list3[3] = "ETC2"; value3[3] = "ETC2(VARCHAR)"; lists[0] = list1; lists[1] = list2; lists[2] = list3; values[0] = value1; values[1] = value2; values[2] = value3; // Table À» º¯°æÇϸé ÇÏÀ§ ¸Þ´ºµµ º¯°æÇÑ´Ù. function changeTableIdx(form, idx) { //alert('Table À» º¯°æÇϸé ÇÏÀ§ ¸Þ´ºµµ º¯°æÇÑ´Ù.') initSelectBox(form.subSelect1); initSelectBox(form.subSelect2); lists = new Array(); list1 = new Array(); list1[0] = "modify sel1"; list1[1] = "modify sel2"; list1[2] = "modify sel3"; list2 = new Array(); list2[0] = "modify sel 2222"; list2[1] = "modify sel 3333"; list2[2] = "modify sel 4444"; lists[0] = list1; lists[1] = list2; // addSelectBox(form.subSelect1, list1); // addSelectBox(form.subSelect2, list2); addSelectBox(form.subSelect1, lists[idx]); // 2Â÷¿ø ¹è¿­ ÀÌ¿ë } // Table À» º¯°æÇϸé ÇÏÀ§ ¸Þ´ºµµ º¯°æÇÑ´Ù. function changeTable(form) { //alert('Table À» º¯°æÇϸé ÇÏÀ§ ¸Þ´ºµµ º¯°æÇÑ´Ù.') initSelectBox(form.subSelect1); initSelectBox(form.subSelect2); lists = new Array(); list1 = new Array(); list1[0] = "modify sel1"; list1[1] = "modify sel2"; list1[2] = "modify sel3"; list2 = new Array(); list2[0] = "modify sel 2222"; list2[1] = "modify sel 3333"; list2[2] = "modify sel 4444"; lists[0] = list1; lists[1] = list2; // addSelectBox(form.subSelect1, list1); // addSelectBox(form.subSelect2, list2); addSelectBox(form.subSelect1, lists[0]); // 2Â÷¿ø ¹è¿­ ÀÌ¿ë addSelectBox(form.subSelect2, lists[1]); } function addSelectBox(selectBox, strings) { for(i=0,max=strings.length; i<max; i++) { var tmpOption = new Option(strings[i], strings[i]); selectBox.options[i] = tmpOption; } } // select box ÀÇ ³»¿ëÀ» Áö¿î´Ù. function initSelectBox(selectBox) { // var selectBox = form.subSelect1; //alert('select box ÀÇ ³»¿ëÀ» Áö¿î´Ù.'); while(selectBox.length>0) { selectBox.options[0] = null; } } function del(code) { // alert(code); var attr = eval('document.element.' + code); attr.value = ''; } // ¼öÁ¤ ³»¿ëÀ» ¹Ý¿µÇÑ´Ù. function modifySubmit() { var f = document.element; // f.action='dec_modifyruleexe.jsp'; f.target='_self'; f.submit(); } //--> </script> </head> <body topmargin="0" leftmargin="0" marginwidth="0" marginheight="0" bgcolor="#FFFFFF"> <table border=1 width=100%> <tr><th>Select Box ÄÜÆ®·Ñ Çϱâ</th></tr> </table> <p> 1. »óÀ§ select box ¸¦ ¼±ÅÃÇϸé ÇÏÀ§ select box °¡ º¯ÇÑ´Ù. <br> <form name='selectBox'> <SELECT NAME='newTableName' onChange='changeTable(this.form)'> <OPTION value='table1'>Table 1</OPTION> <OPTION value='table2'>Table 2</OPTION> <OPTION value='table3'>Table 3</OPTION> </SELECT> <br> <br><br> <SELECT NAME='subSelect1' onChange="initSelectBox(this.form.subSelect1)"> <OPTION value='select1'>select 1</OPTION> <OPTION value='select2'>select 2</OPTION> <OPTION value='select3'>select 3</OPTION> </SELECT> &nbsp;&nbsp;&nbsp;&nbsp; <SELECT NAME='subSelect2'> <OPTION value='select1'>select 1</OPTION> <OPTION value='select2'>select 2</OPTION> <OPTION value='select3'>select 3</OPTION> </SELECT> </form> </body> </html>