如何访问当前页面中的iframe文本框id

Question

朋友我有一个父页面（default.aspx），其中包括一个包含字段中文本框的iframe页面（iframe.aspx）。父页面包含"保存"按钮。现在我想在提交父页面时获得iframe页面的值。如何访问父页面提交中的iframe页面字段？

iframe.aspx页面，，，，在Iframe页面中，我有两个文本框，

<asp:textbox id="txtfromdate" runat="server"></asp:textbox> 
<asp:textbox id="txttodate" runat="server"></asp:textbox>

default.aspx页面

<iframe id="iframebody" runat="server" src="iframe.aspx" style="width:900px; height:600px"></iframe>
<asp:button id="submit" text="save" runat="server" />

frdz当我点击按钮时，如何访问parrent页面（default.aspx）中的iframe页面id（txtfromdate，txtTodate）？？

Answer 1

在单击按钮时尝试此javascript。

HTML

<input type="hidden" id="txtHidData" runat="server" />

Javascript

var iframe = document.getElementById('iframebody');
var innerDoc = iframe.contentDocument || iframe.contentWindow.document;
var usernameTextBox = innerDoc.getElementById('txtfromdate');
document.getElementById ( "txtHidData" ).value = usernameTextBox.value;

C#

string valueInCodeBehind = txtHidData.Value;

Answer 2

您不能使用服务器端代码访问iframe的内容。

为了访问iframe的内容，您应该使用javascript。

在jquery中，您可以访问它：

var iFrameContent = $('#iframebody').content();
var fromDate = iFrameContent.find('#txtfromdate').val();
var toDate= iFrameContent.find('#txttodate').val();

将其存储在页面上的隐藏字段中，然后在服务器端代码中访问

在aspx页面上放置两个隐藏字段。像

<asp:HiddenField id="hdffromdate" runat="server"></asp:textbox> 
<asp:HiddenField id="hdftodate" runat="server"></asp:textbox>

在这些隐藏字段中设置值，如

$('[id$=hdffromdate]').val(fromDate );
$('[id$=hdftodate]').val(toDate);

在提交按钮中单击事件处理程序

protected void submit_Click(object sender, EventArgs e)
{
      var fromDate = Convert.ToDateTime(hdffromdate.Value);
      var toDate = Convert.ToDateTime(hdftodate.Value);
      //...
}