实现效果:
点击查找会员
弹出框框
选中会员,在会员ID框中显示会员ID
--------------------------------------------------代码实现详解-------------------------------------------------------------
父页:father.html
<div id="tess" style="display: none;" class="ifr1">
<div id="ifrtable" class="ifrtab">
会员列表
<div οnclick="win_close()" id="popWinClose" class="ifrclo">
</div>
</div>
<iframe name="iframeSon" id="ifr" width="800" height="548" frameborder="0" scrolling="auto" src="子页存在的页面">
</iframe>
</div>
<script>
function show_id(id) {//接受从子页传过来的id,填充到表单“会员ID”这个字段
$("#user_id").val(id);
}
function show_ifr() {//显示父页中的iframe
$("#tess").css("display","block");
}
function win_close() {//隐藏父页中的ifram
$("#tess").css("display","none");
}
</script>
主要是显示内容以及一个函数:
选中该单选框,触发show_user()函数
<td id="cheid"><input type="radio" name="ids" value="{$vo.id}" οnclick="show_user({$vo.id})" ></td>
<script>
function show_user(id) {//调用父页中的函数,传id过去
parent.show_id(id);
}
</script>
----------------------------------tip--------------------------
附送一个小技巧,用一下这个方法,可以直接从父页获取子页中单选框中被选中的值
function user_radio() {
var che = window.frames["iframeSon"].window.$('#cheid input[name="ids"]:checked ');
return che;
}