본문 바로가기
Javascript

Javascript - select 태그에 항목(option) 추가 삭제하기.

by Dokon Jang 2017. 2. 8.
반응형
<html>
<head>
<script>
function add(){
    var today = new Date();
    
    // select 태그의 option을 정의한다.
    var op = new Option();
    op.value = today;
    op.text = today;

    // select 태그에 생성 된 option을 넣는다.
    document.forms["frm"].sel.add(op);
}

function clearAll(){
    // select 태그의 option을 전체 삭제한다.
    document.forms["frm"].sel.options.length = 0;
}
</script>
</head>

<body>
<form name="frm">
    <select name="sel" style="width:300px"></select>
    <input type="button" value="추가" onClick="add();"/>
    <input type="button" value="전부 삭제" onClick="clearAll();"/>
</form>
</body>
</html>
 

 

반응형

댓글0