iframe 下JQuery remove

问题先描述一下吧:
一个人员列表,另一个select页面,也就是主页面了
每次只能选择一个人员放到select里面去,自然先前放的那个就可删除掉.





JS方法:

if ($(parent.document).find("option").length >= 1) {
    parent.$("#personList option").remove();//empty();
    parent.$("#personList").focus();
    select.append("<option value="+theStr+">"+name+"</option>");
}

select:

<select id="personList" name="personList" multiple="multiple" style="width: 120px; height: 200px"></select>