select 시 다른 slect 에 값 넣기

좌측 select 버튼을 클릭하면 우측에 값이 디스플레이 됩니다.

js

function MultiCategorySelect(selObj){

  var f=document.goods_modify
  var aIdx=f.MultiCategory.options.length;
  var str=selObj.options[selObj.selectedIndex].text;
  var itm= new Option(str)
  f.MultiCategory.options[aIdx] = itm;
  f.MultiCategory.options[aIdx].value = selObj.options[selObj.selectedIndex].value
}

function dl(sel){
  sel.options[sel.selectedIndex]=null;
}

html

<form name='goods_modify'>
  <div id="layout">
    <select onChange="MultiCategorySelect(this)">
      <option value=''>상품등록 카테고리 선택 </option>
      <option value=''>-------------------------------------- </option>
      <option value='000010'>패션용품 </option>
      <option value='001010'>패션용품> 시계 </option>
      <option value='101010'>패션용품 > 시계 > LUSURY WATCH </option>
      <option value='201010'>패션용품 > 시계 > SPORTS WATCH </option>
      <option value='301010'>패션용품 > 시계 > FASHION WATCH </option>
    </select>
    <select name="MultiCategory">
    </select>  
    <input type=button onclick=dl(this.form.MultiCategory) value=제거>
  </div>
</form>

See the Pen select 에 동적 item 추가 by younghyeong ryu (@wangta69) on CodePen.