SOURCE

<div class="first">
        <select multiple name="hobby" id="hobby" class="sel">
            <option value="游泳">游泳</option>
            <option value="足球">足球</option>
            <option value="篮球">篮球</option>
            <option value="跑步">跑步</option>
            <option value="滑冰">滑冰</option>
            <option value="乒乓球">乒乓球</option>
            <option value="游泳">游泳</option>
            <option value="跳远">跳远</option>
            <option value="跳高">跳高</option>
        </select>
        <div class="sd">
            <button id="add">添加>></button><br/><br/>
            <button id="add_all">全部添加>></button>
        </div>
    </div>
    <div class="second">
        <select multiple name="other" id="other" class="sel"></select>
        <div class="sd">
            <button id="to_left"><<删除</button><br/><br/>
            <button id="all_to_left"><<全部删除</button>
        </div>
    </div>