将文本从IFRAME复制到父页面上的INPUT字段

时间:2014-12-16 17:47:56

标签: javascript iframe

当访问者在框架页面中的INPUT字段中键入文本后单击按钮时,是否可以将键入的文本复制到父页面上的INPUT字段中?

iframed页面代码:page1.html

<form action="">
   Search:<input type="text" name="searchname"><input type="submit" value="send" size="45">
</form>

父页面:

<IFRAME id="iframe1" src="page1.html"></IFRAME><BR>

   You searched:<INPUT type="text" id="result">

我希望搜索的项目显示在父页面上。 感谢。

2 个答案:

答案 0 :(得分:1)

在父母身上 创建接收文本的功能......

function UpdateSearchNameToResult(msg){
   document.getElementById('result').value = msg;
}

在iframe中 创建发送搜索名称的功能 用于“page1.html”的提交按钮

并致电parent.UpdateSearchNameToResult(yourval);

答案 1 :(得分:0)

根据this answer

jquery版本,您可以尝试:

$("#result").val($("#iframe1 form input[name=searchname]").val())