从IFrame中的外部html文件获取文本框值

Question

我有两个HTML文件（ index.html和external.html ）。 external.html有一些注册字段。 使用IFrame在index.html中加载external.html 。 我在获取external.html输入字段值时遇到问题。

我用了

$("#iframeid").contents().find("body").find("#inputfieldid").val(),

但显示未定义的错误。 我也尝试过这个：

var frameObj = (element.contentWindow || element.contentDocument);
if (frameObj.document) frameObj = frameObj.document;
frameObj.getElementById("inputfieldid").value;

但它行不通。 是否有任何想法要在IFrame获取外部文件的输入字段的值？

Answer 1

请尝试以下操作：

var obj=document.getElementById("iframeid");
var n1=obj.contentWindow.document.getElementById("inputfieldid").value;

我的测试代码：

und.php （ 包含iframe ）

<!DOCTYPE html>
<html>
<head>
<script>
function altr(){
    var obj=document.getElementById("iframeid");
    var n1=obj.contentWindow.document.getElementById("inp").value;
    alert(n1);
}
</script>
</head>
<body>
<input type="button" value="Submit" onclick="altr()" />
<iframe id="iframeid" src="und1.php" />
</body>
</html>

und1.php

<!DOCTYPE html>
<html>
<body>
<input id="inp" type="text" />
</body>
</html>

Answer 2

在这里，我想出了我的问题的答案。 当从localhost本身加载external.html文件时，上面Mr.Zword的答案正常工作。

1）在index.jsp文件中，在IFrame中调用Servlet ，而不是在action属性中提供external.html 。

2）在Servlet doGet方法中，您必须建立与服务器的连接，并使用正确的external.html文件URL将请求提供给服务器。

3）最后通过PrintWriter类打印该值。

4）现在，您可以使用以下方法获取IFrame值。

var obj=document.getElementById("iframeid");
var n1=obj.contentWindow.document.getElementById("inp").value;

从IFrame中的外部html文件获取文本框值

问题描述

2 个解决方案

解决方案1
0 2014-02-20 10:51:56

我的测试代码：

解决方案2
0 已采纳 2014-02-26 13:30:14

从IFrame中的外部html文件获取文本框值

问题描述

2 个解决方案

解决方案1 0 2014-02-20 10:51:56

我的测试代码：

解决方案2 0 已采纳 2014-02-26 13:30:14

解决方案1
0 2014-02-20 10:51:56

解决方案2
0 已采纳 2014-02-26 13:30:14