Question

iframe 能使引入页跟 主页 合成一个页面吗？主页面用jquery怎么取得引入页面的<input type="text">属性值

比方说
主页面a.jsp 用 <iframe src="b.html">在a.jsp中 怎么通过jquery方式取得b.html的input属性值？
$("input[type=text]").bulr(functioin(){
alert($(this).val());
});

谢谢大哥们，小弟快急死了

Answer 1

既然用了jquery，iframe就不必了，直接用jquery异步加载其它页面就可以了。下面的例子a.jsp分别调用A.htm和B.htm并且显示两个页面中的input的值。
a.jsp内容：
<style type="text/css">
#A,#B{width:300px;height:200px; border: 1px solid #FF0000; }
</style>
A页面：<div id="A"></div>B页面：<div id="B">d</div>
<script>
$(document).ready(function () {
$.get("A.htm", {}, function (result) {
$("#A").html(result);
alert($("#Ainput").val());//显示A页面input
}, "html");//异步加载A.htm
$.get("B.htm", {}, function (result) {
$("#B").html(result);
alert($("#Binput").val()); //显示B页面input
}, "html");//异步加载B.htm
});

</script>

A.htm内容：
<input type="text" id="Ainput" value="A页面input"/>

B.htm内容：
<input type="text" id="Binput" value="B页面input"/>

当然，如果你一定要使用iframe也是可以的
a.jsp内容：
<iframe id="iframeChild" src="A.htm"></iframe>
<script>
$(document).ready(function () {
alert($(window.frames["iframeChild"].document).find("#Ainput").val());
});
</script>

追问

您好，谢谢，我想请问，
$(window.frames["iframeChild"].document).find("input[type='text']").blur(function(){
alert($(this).val());
});
当离开焦点的时候取不到值，是怎么回事？谢谢您

追答

应该没问题的，我测试是可以的。你把代码单独贴到别外一个页面上试试。

Answer 2

有两种方法~一是直接在b.html中写js 通过 $(window.parent.document).find("obj")赋值
另一种就是通过像正常obj操作一样！去找对象
如果$("iframe").find("obj")等