Form Select Option add / remove

Form Select Option add / remove

가끔 코드 만들려면 생각이 않나서 이번 기회에 정리한다.
<form name=”frm”>
 <select name=”actress”>
  <option value=”신세경”>신세경</option>
  <option value=”이하나”>이하나</option>
 </select>
</form>


//select form 다루기
// 삭제
//document.frm.actress.options[1] = null; //2번째 열 삭제
//var item = new Option(“황정음”, “황정음”, false, false); //
//document.frm.actress.options[2] = item; //3번째 열에 추가

삭제시에 바로 index가 변경되기 때문에 다수의 options을 선택해서 처리할 경우에는 삭제 작업을 가장 나중에 하거나, 배열의 인덱스를 큰수에서 부터 시작한다.

Leave a Reply

Your email address will not be published. Required fields are marked *