Select Option 의 특정 영역에 Option 추가 하기 ^^ㅊ

Developer Prism™/HTML And Javascript

by 프리즘™ 2009. 5. 6. 12:02

<html>
<head>
<script>
   function addOptGrp(flag) {
      var objEle = document.createElement('option');
      objEle.value     = flag;
      objEle.innerText = flag+" ADD";

      if(flag == 1 ) {
         Old.appendChild(objEle);
      } else if (flag==2 ) {
         New.appendChild(objEle);
      }
   }
</script>
</head>
<body>
<input type="button" value="Add OnGoing" onClick="javascript:addOptGrp(1);">
<input type="button" value="Add NotGoing" onClick="javascript:addOptGrp(2);"><br>
<select id="cboBusiness">
     <optgroup title="OnGoing" label="Old" id="Old">
     </optgroup>
     <optgroup title="NotGoing" label="New" id="New">
           <option value="1">1</option>
           <option value="1">1</option>
      </optgroup>
</select>
</body>
</html>

요렇게 하면 특정 부분에 붙드라~~ ^^