iframe 子页面调用父页面控件事件导致重复加载

Question

父页面控件

  <select id="aaaa">
                <option value="1">1</option>
                <option value="2">2</option>
                <option value="3">3</option>
             </select>

子页面调父页面事件，因为子页面有个select和父页面级联，还有数据表加载，所以在子页面需要调父页面change事件

$("#aaaa", parent.document).on("change",function (event){
        var aa=$(this).find("option:selected").val();
        alert(aa);
});

现在出现问题：重复点击主页面链接刷新子页面，主页面"#aaaa"的"change"会重复执行，点击链接刷新几次子页面重复执行几次事件，求解决办法

Answer 1

$("#aaaa", parent.document).on("change",function (){
        var aa=$(this).find("option:selected").val();
        alert(aa);
});