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

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

贴上代码

 

html:

 1 <div class="content">
 2         <div class="selectText">
 3             <select id="leftPart" multiple>
 4                 <option value="广州">广州</option>
 5                 <option value="深圳">深圳</option>
 6                 <option value="珠海">珠海</option>
 7                 <option value="东莞">东莞</option>
 8                 <option value="佛山">佛山</option>
 9                 <option value="中山">中山</option>
10                 <option value="潮州">潮州</option>
11                 <option value="汕头">汕头</option>
12             </select>
13         </div>
14         
15         <div class="btnPart">
16             <input type="button" value=">>" id="allSelect">
17             <input type="button" value="<<" id="allUnSelect">
18             <input type="button" value=">" id="selectBtn">
19             <input type="button" value="<" id="unSelectBtn">
20         </div>
21 
22         <div class="selectedText">
23             <select id="rightPart" multiple></select>
24         </div>
25     </div>

html代码