您的位置:首页 > Web前端 > JQuery

jQuery在父页面得到<iframe>引用子页面中的数据

2012-04-17 14:58 381 查看
<script src="jquery-1.3.1.js" type="text/javascript"></script>

<script type="text/javascript">

//查找匹配元素内部所有的子节点(包括文本节点),如果元素是一个iframe,则查找文档内容

//得到<iframe>引用子页面中元素

$(document).ready(function(){

//btn是父页面中的Button元素

$("#btn").click(function(){

//form1是子页面中的form元素

alert($("#iframe1").contents().find("#form1").html());

});

});

//调用父页面按钮能调用子页面中的按钮方法

$(document).ready(function(){

//btn父页面按钮

$("#btn").click(function(){

//btnSave是<iframe>引用的子页面按钮

$("#iframe1").contents().find("#btnSave").click();

});

});

//得到子页面中某个元素的值

$(document).ready(function(){

$("#btn").click(function(){

//select:eq(0)得到第一个select下拉列表中值

var txt=$("#iframe1").contents().find("#form1 div select:eq(0)").find("option:selected").text();

alert(txt);

});

});

</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: