ȸ¿ø·Î±×ÀÎ
select¸Þ´º¿¡¼ Ç׸ñÀ» ¼±ÅÃÇϸé Å×ÀÌºí¿¡ ¸ñ·ÏÀÌ ³ªÅ¸³³´Ï´Ù.
18³â Àü
dajuji
<HTML>
<HEAD>
<TITLE>dajuji</TITLE>
</head>
<script language="JavaScript">
<!--
var table_count = new Array()
var count = 0;
var cnt = 0;
var country_name="";
var city="";
table_count[0] = 0;
function select_chang(country,selt,index) {
var selt = "document.select_form.formselect" + selt;
var frameobj = eval(selt);
document.select_form.reset(); // select ¹®ÀÇ ¼±ÅÃÀ» reset ÇÑ´Ù
frameobj.options[index].selected = true; // ¼±ÅõǰǸ¸ º¸¿©Áø´Ù.
country_name = country;
city = frameobj.options[index].value;
addRow('table_list');
}
function addRow(TableID) {
count++;
cnt++;
table_count[cnt] = count;
var tbody = document.getElementById(TableID).getElementsByTagName("TBODY")[0];
var row = document.createElement("TR");
var td1 = document.createElement("TD");
td1body = "<p align='center'> <font size='2'>"+ country_name +"";
td1.insertAdjacentHTML('beforeEnd', td1body );
var td2 = document.createElement("TD");
td2body = "<p align='center'><font size='2'>"+ city + "";
td2.insertAdjacentHTML('beforeEnd', td2body);
var td3 = document.createElement("TD");
td6body = "<p align='center'><input type='button' value='»èÁ¦'
style='border-width:1px; border-style:solid;' onclick=delRow('" + TableID + "',"
+ table_count[cnt] +")>";
td3.insertAdjacentHTML('beforeEnd', td6body);
row.appendChild(td1);
row.appendChild(td2);
row.appendChild(td3);
tbody.appendChild(row);
}
function delRow(TableID,num) {
var tbody = document.getElementById(TableID).getElementsByTagName("TBODY")[0];
for ( var i = 1; i < table_count.length ; i++ ) {
if ( table_count[i] == num ) {
tbody.deleteRow(i); // Å×ÀÌºí »èÁ¦
table_count[i] = 0;
}
}
for ( var i = 1; i < table_count.length ; i++ ) {
if ( table_count[i] == 0) {
cnt = tbody.rows.length-1;
for ( j = i ; j < table_count.length ; j++)
table_count[j] = table_count[j+1];
}
}
}
function cancel(TableID) {
var tbody = document.getElementById(TableID).getElementsByTagName("TBODY")[0];
var del_cnt = tbody.rows.length;
for ( var i = 1; i < del_cnt; i++ ) {
tbody.deleteRow(1); // Å×ÀÌºí »èÁ¦
}
cnt = 0; // Å×ÀÌºí °ü·Ã ¹øÈ£¸¦ ÃʱâÈ
}
//-->
</script>
<body>
<form name=select_form>
<table border="0" cellpadding="3" cellspacing="0" width="224">
<tr>
<td><b>Çѱ¹</b></td>
<td><b>Áß±¹</b></td>
</tr>
<tr>
<td valign=top>
<select name="formselect0" size="4" style="width:100px;" onchange="select_chang('Çѱ¹',0,selectedIndex)">
<option value="¼¿ï">¼¿ï</option>
<option value="ÀÎõ">ÀÎõ</option>
<option value="´ëÀü">´ëÀü</option>
<option value="±¤ÁÖ">±¤ÁÖ</option>
<option value="´ë±¸">´ë±¸</option>
<option value="ºÎ»ê">ºÎ»ê</option></select>
</td>
<td valign=top>
<select name="formselect1" size="4" style="width:100px;" onchange="select_chang('Áß±¹',1,selectedIndex)">
<option value="º£ÀÌ¡">º£ÀÌ¡</option>
<option value="ÅÙÁø">ÅÙÁø</option>
<option value="»óÇÏÀÌ">»óÇÏÀÌ</option>
<option value="ÃæĪ">ÃæĪ</option>
<option value="ÇϾóºó">ÇϾóºó</option></select>
</td>
</tr>
<tr align=center>
<td colspan=2><input type=button value="Àüü»èÁ¦" style='border-width:1px; border-style:solid;'
onclick=cancel("table_list") ></td>
</tr>
</table>
<table id="table_list" border="0" cellpadding="2" cellspacing="0" width="224">
<tbody>
<tr bgcolor="#CCCCCC">
<th>±¹°¡</th>
<th>µµ½Ã</th>
<th>ºñ°í</th>
</tr>
</tbody>
</table>
</form>
</body>
</html>
̵̧ : 327
̵̧
¸ñ·Ï