본문 바로가기
  • 오늘도 한걸음. 수고많았어요.^^
  • 조금씩 꾸준히 오래 가자.ㅎ
IT기술/javascript

SELECT BOX 선택시 내용을 텍스트박스에 출력하기

by 미노드 2018. 10. 6.

이런 기능이 필요할때는 다음을 활용하자

 

* 입  금  은  행 :
* 입  금  계  좌 :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
<html>
<head>
<title>www.webmadang.net</title>
<STYLE TYPE="text/css">     
<!--     
    td {font-size:9pt; color:#002E14; }     
-->     
</STYLE>
<script language="javascript">
<!--
function bankDisplay(frm) {
 
    var bank = frm.selectbank.selectedIndex;
 
    switch( bank ){
       case 0:
         frm.bank.value = '은행 및 계좌번호가 표시됩니다.';
         break;
       case 1:
         frm.bank.value = '(국X은행) 0XX-XX-XXXX-XXX';
         break;
       case 2:
         frm.bank.value = '(기X은행) XXX-0XXXXX-0X-0XX';
         break;
       case 3:
         frm.bank.value = '(우X은행) 1XX-XX-0XXXXXXX';
         break;
       case 4:
         frm.bank.value = '(주X은행) 0XXXXXX-0X-0XXXXX';
         break;
    }
    
    return true;
}
//-->
</script>
</head>
<body>
<form name = "form" >
<table border="1" width="500"  bgcolor="#fffee9" align="center" cellspacing="0" cellpadding="3" 
 bordercolor="#000000" bordercolordark="#ffffff" bordercolorlight="#fddc78">
    <tr>
    <td align="left" width="120" bgcolor="#fffecc">
    <font color="#0000ff">*</font> 입  금  은  행 :</td>
    <td widht="400">
    <select name="selectbank" onchange="bankDisplay(this.form)" >
    <option selected value=0>-선택하세요-
    <option value=1>국X은행
    <option value=2>기X은행
    <option value=3>우X은행
    <option value=4>주X은행
    </select>
    </td>
    </tr>
    <tr>
    <td align="left" width="120" bgcolor="#fffecc">
    <font color="#0000ff">*</font> 입  금  계  좌 :</td>
    <td width="400">
    <input name="bank" type="text" size="50" maxlength="50"></td>
    </tr>
</table>
</form>
</body>
</html>