Regarding jquery select...

<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>

If A is selected by selecting [class = category], the selection value is entered in the select-wrap division part, and option A is erased from the category When selecting the option value related to B (B1, B2, B3) in select [class = group], the selection value is also entered in the select-wrap division part of +[class = category], and the entered value is deleted in the select part. Also, if you press the tag a, everything will be erased, so I'm going to reset it.

Masters, please give us hints.