자바스크립트값 초기화

이중 셀렉스 박스를 사용 중인데요 옵션 수가 같을 때는

옵션의 값들이 제대로 바꿔서 나오는데

옵션 갯수가 들리면 옵션 갯수가 많은 쪽을 선택 햇다가

옵션 갯수가 적은 쪽을 선택하면 옵션 객수가 많은 옵션들이 같이 나옵니다.

if(obj.value=="1"){ // 선택시 여기의 옵션에는

fsearch.stype4.options[8]= new Option("델타","델타"); 값이 들어있지 않지만

2번 셀렉트를 갓다가 다시 1번을 선택하면 티코 뒤에 "델타"가 붙는 다는 거죠.....

선택될 때 마다 기존의 옵션 값을 초기화하면 이런 현상이 없어 질거 같은데

방법을 모르겠습니다. ^^ 부탁드립니다.






function selectchg(obj){ //셀렉트박스 선택시 불려질 함수
var fsearch = document.fsearch;


if(obj.value=="1"){ // 선택시
fsearch.stype4.options = "";
fsearch.stype4.options[0]= new Option("---------전체---------",""); //첫번째 옵션 생성
fsearch.stype4.options[1]= new Option("모닝","모닝");//두번째 옵션 생성
fsearch.stype4.options[2]= new Option("레이","레이");//세번째 옵션 생성
fsearch.stype4.options[3]= new Option("스파크","스파크");
fsearch.stype4.options[4]= new Option("마티즈","마티즈");
fsearch.stype4.options[5]= new Option("아토즈","아토즈");
fsearch.stype4.options[6]= new Option("비스토","비스토");
fsearch.stype4.options[7]= new Option("티코","티코");
}else if(obj.value=="2"){

fsearch.stype4.options[0]= new Option("---------전체---------","");
fsearch.stype4.options[1]= new Option("엑센트","엑센트");//두번째 옵션 생성
fsearch.stype4.options[2]= new Option("프라이드","프라이드");//세번째 옵션 생성
fsearch.stype4.options[3]= new Option("클릭","클릭");
fsearch.stype4.options[4]= new Option("베르나","베르나");
fsearch.stype4.options[5]= new Option("아베오","아베오");
fsearch.stype4.options[6]= new Option("젠트라","젠트라");
fsearch.stype4.options[7]= new Option("칼로스","칼로스");
fsearch.stype4.options[8]= new Option("델타","델타");