JQ_选择城市（多选和单选）

JQ做了一个小案例，城市的选择，内容在两个select框内移动。主要用到append方法（不移动位置可使用clone）

贴上代码

html:

<div class="content">
        <div class="selectText">
            <select id="leftPart" multiple>
                <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>
        
        <div class="btnPart">
            <input type="button" value=">>" id="allSelect">
            <input type="button" value="<<" id="allUnSelect">
            <input type="button" value=">" id="selectBtn">
            <input type="button" value="<" id="unSelectBtn">
        </div>

        <div class="selectedText">
            <select id="rightPart" multiple></select>
        </div>
    </div>

css:

*{
    margin:0;
    padding:0;
}
.content{
    margin: 30px;
}
.content div{
    float: left;
}
.content:after{
    content: "";
    display: block;
    clear: both;
}
.content select{
    width: 170px;
    height: 230px;
    text-align: center;
    font-size: 17px;
}
.btnPart input{
    display: block;
    height: 20px;
    width: 50px;
    margin: 10px 0;
}
.btnPart{
    text-align: center;
    margin: 50px 20px;
}

jq:

$(function(){    

    $("#allSelect").bind("click",function(){
        addAll($("#leftPart"),$("#rightPart"),true);
    })

    $("#allUnSelect").bind("click",function(){
        addAll($("#rightPart"),$("#leftPart"),true);
    })

    $("#selectBtn").bind("click",function(){
        addAll($("#leftPart"),$("#rightPart"));
    })

    $("#unSelectBtn").bind("click",function(){
        addAll($("#rightPart"),$("#leftPart"));
    })

})

function addAll(removeObj,addObj,flag){
    if(flag){
        var leftPart = removeObj.find("option")
    }
    else{
        var leftPart = removeObj.find("option:selected");
    }
    
    addObj.append(leftPart);
}

由于导入jq包的问题（不知道怎么导入试了很多方法都不行

就贴上效果图片

以上内容，如有错误请指出，不甚感激。