본문 바로가기

개발하자/자바스크립트

createElement 로 셀렉트 옵션 추가하기

<html>
 <head>
 <style type="text/css">
 </style>
 <script>
 window.onload=function(){
 document.f.b.onclick=function(){
 var opTag= document.createElement("option");
  opTag.innerHTML=document.f.txt.value;
  document.f.sel.appendChild(opTag);
 
 }
 }
 </script>
 </head>
 <body>
 <form name="f">
 <select name="sel">
 <option>javascript</option>
 <option>html</option>
 <option>css</option>
 </select>
 <input type="button" value="과목추가" name="b">
 <input type="text" name="txt">
 </form>
 </body>
</html>