개발개발/자바스크립트

자바스크립트 셀렉트(javascript select) option 추가하기

공돌공돌 2012. 8. 31. 14:43

 

실습예제 -  http://bboong100.cafe24.com/0831/selection1.html

자바스크립트 셀렉트(javascript select) option 추가하기

주석은 오후 작성 예정

<html>
<head>
    <script type="text/javascript">

        var arr = ["영업-1","영업-2","영업-3"];
        var networkarr = ["N/W-1","N/W-2","N/W-3"];

        function daeli() {
            var targetObj = document.getElementById('a');
            if (document.agency.daelijeom[0].checked) {
                targetObj.length=0;
                for (var a = 0; a < arr.length; a++)
                {
                    targetObj.add(new Option(arr[a], arr[a]), [a]);
                }
            }
            else if (document.agency.daelijeom[1].checked) {
                targetObj.length=0;
                for (var a = 0; a < networkarr.length; a++)
                {
                    targetObj.add(new Option(networkarr[a], networkarr[a]), [a]);
                }
            }
        }


    </script>
    <title>sales/networdk agency</title>
</head>
<body>
<form name='agency'>
    <table border=1>
        <tr>
            <td> sales <input type=radio name='daelijeom' onclick='daeli();'></td>
            <td> N/W <input type=radio name='daelijeom' onclick='daeli();'></td>
        </tr>
    </table>
    <p><p><p>
    <table border=1>
        <tr>
            <td>aff <select name="a" id="a"></select></td>
        </tr>
    </table>
</form>
</body>
</html>