select 드롭다운 영역, 좌우 증가, 제거

// 
function addOption(){
	var  selectconfig=form.selectconfig.value;
	// 
	var  selectconfigvalue=document.getElementById("selectconfig").options[document.getElementById("selectconfig").selectedIndex].text;
	
	var  selectnews=document.getElementById("selectnew");
	if (selectconfig=="") {
	   alert (" ");
	   return false;
	}
	
	var i=0;
	var b=true;
	for(var j=0;j<selectnews.options.length;j++){
          if (selectconfig==selectnews.options[j].text){
         	b=false;
          }
    }
    if(b){
       i++;
        selectnews.options.add(new Option(selectconfigvalue,selectconfig),i); 
   } 	
}

// 
function delOption(){
	var  selectnews=form.selectnew.value;
	if (selectnews=="") {
	   alert (" ");
	   return false;
	}
	
	var length2=document.getElementById("selectnew");
	length2.options.remove(length2.options.selectedIndex);
}

<table width="770" align="center">
								<tr>
								<td> <br/>
								<SELECT  size=10 name="selectconfig" id="selectconfig" style="width=200px">
									<OPTION  value="title"> </OPTION>
									<OPTION  value="message"> </OPTION>
								</SELECT>
								</td>
								
								<td><input type="button" name="" value=" --->" onclick="addOption();">
								<br/>
								<br/>
								<input type="button" name="" value="<--- " onclick="delOption();"></td>
								
								<td> <br/>
								<SELECT  size=10 name="selectnew" id="selectnew" style="width=200px">
								</SELECT>
								</td>
								</tr>
								</table>