<select class="category">
    <option>A</option>
    <option>B</option>
    <option>C</option>
</select>

<select class="group">
    <option>A1</option>
    <option>A2</option>
    <option>A3</option>
    <option>B1</option>
    <option>B2</option>
    <option>B3</option>
    <option>C1</option>
    <option>C2</option>
    <option>C3</option>
</select>

<div class="select-wrap">
    <a>X</a>
     <ol>
        <li>A</li>
        <li>B</li>
        <li>B1</li>
    </ol>
</div>

[ class = category ] 의 select 를 선택 하여 A를 선택하면 select-wrap div 부분에 선택 값이 입력되고 category 에서 option A는 지워지며 만약 [ class = group ] 의 select 에서 B에 관련된 (B1,B2,B3) 관련된 option 값을 선택시 select-wrap div 부분에 선택 값이 + [ class = category ] 의 B 또한 select-wrap div 부분에 입력을 되고 입력된 값은 select 부분에서 지우려고 합니다. 또한 a태그를 누루면 모두 지워지며 리셋을 시키려고 합니다.

고수분님들 제발 힌트즘 부탁드립니다.